/*!
 * Start Bootstrap - Stylish Portfolio v5.0.3 (https://startbootstrap.com/template-overviews/stylish-portfolio)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/blob/master/LICENSE)
 */
 body,html{
 width:100%;
 height:100%;
 font-family: "Noto Sans JP", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', serif, sans-serif;
 font-size: 13px;
 color: rgba(0, 0, 0, 1);
 line-height: 1.6;
 }
 .btn-xl{
 padding:1.25rem 2.5rem
 }
 .content-section{
 padding-bottom:3rem;
 }
 .content-section-heading h2{
 font-size:3rem
 }
 .content-section-heading h3{
 font-size:1rem;text-transform:uppercase
 }
 h1,h2,h3,h4,h5,h6{
 font-weight:700
 }
 .text-faded{
 color:rgba(255,255,255,.7)
 }
 .map{
 height:30rem
 }
 @media (max-width:992px){
 .map{height:75%
 }
 }
 .map iframe{
 pointer-events:none
 }
 .scroll-to-top{
 position:fixed;
 right:15px;
 bottom:87px;
 display:none;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff;
 background:rgba(52,58,64,.5);
 line-height:45px
 }
 .scroll-to-top:focus,.scroll-to-top:hover{
 color:#fff
 }
 .scroll-to-top:hover{
 background:#343a40
 }
 .scroll-to-top i{
 font-weight:800
 }
 .masthead{
 min-height:30rem;
 position:relative;
 display:table;
 width:100%;
 height:auto;
 padding-top:8rem;
 padding-bottom:8rem;
 background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.1))),url(../img/bg-masthead.jpg);
 background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);
 background-position:center center;
 background-repeat:no-repeat;background-size:cover}
 .masthead h1{
 font-size:4rem;margin:0;padding:0
 }
 @media (min-width:992px){
 .masthead{height:100vh
 }.
 masthead h1{
 font-size:5.5rem
 }
 }
 #sidebar-wrapper{
 position:fixed;
 z-index:2;
 right:0;
 width:250px;
 height:100%;
 -webkit-transition:all .4s ease 0s;
 transition:all .4s ease 0s;
 -webkit-transform:translateX(250px);
 transform:translateX(250px);
 background:#ffffff;
 border-left:1px solid rgba(255,255,255,.1)
 }
 .sidebar-nav{
 /*position:absolute;*/
 /*top:0;*/
 width:280px;
 margin:0 auto;
 padding:0;
 list-style:none
 }
 .sidebar-nav li.sidebar-nav-item a{
 display:block;
 text-decoration:none;
 color:#e04238;
 padding:8px 20%;
 font-weight: 700;
 }
 .sidebar-nav li a:hover{
 text-decoration:none;
 color:#312b2a;
 background:rgba(255,255,255,.2)
 }
 .sidebar-nav li a:active,.sidebar-nav li a:focus{
 text-decoration:none
 }
 .sidebar-nav>.sidebar-brand{
 height:80px;
 line-height:50px;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:15px
 }
 .sidebar-nav>.sidebar-brand a{
 color:#e04238;
 }
 .sidebar-nav>.sidebar-brand a:hover{
 color:#e04238;
 background:0 0
 }
 #sidebar-wrapper.active{
 right:250px;
 width:100%;
 height: 100%;
 -webkit-transition:all .4s ease 0s;
 transition:all .4s ease 0s
 }
 .menu-toggle{
 position:fixed;
 right:10px;
 top:10px;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff;
 background:rgba(224,66,56,1);
 line-height:50px;
 z-index:999
 }
 .menu-toggle:focus,.menu-toggle:hover{
 color:#fff
 }
 .menu-toggle:hover{
 background:#343a40
 }
 .service-icon{
 background-color:#fff;
 color:#1d809f;
 height:7rem;
 width:7rem;
 display:block;
 line-height:7.5rem;
 font-size:2.25rem;
 -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 }
 .callout{
 padding:15rem 0;
 background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.1))),url(../img/bg-callout.jpg);
 background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg);
 background-position:center center;
 background-repeat:no-repeat;background-size:cover
 }
 .callout h2{
 font-size:3.5rem;
 font-weight:700;
 display:block;
 max-width:30rem
 }
 .portfolio-item{
 display:block;
 position:relative;
 overflow:hidden;
 max-width:530px;
 margin:auto auto 1rem
 }
 .portfolio-item .caption{
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%;
 width:100%;
 background-color:rgba(33,37,41,.2);
 position:absolute;top:0;bottom:0;z-index:1
 }
 .portfolio-item .caption .caption-content{
 color:#fff;
 margin:auto 2rem 2rem
 }
 .portfolio-item .caption .caption-content h2{
 font-size:.8rem;
 text-transform:uppercase
 }
 .portfolio-item .caption .caption-content p{
 font-weight:300;
 font-size:1.2rem
 }
 @media (min-width:992px){
 .portfolio-item{
 max-width:none;margin:0
 }
 .portfolio-item .caption{
 -webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;
 -webkit-clip-path:inset(0);
 clip-path:inset(0)
 }
 .portfolio-item .caption .caption-content{
 -webkit-transition:opacity .25s;transition:opacity .25s;
 margin-left:5rem;
 margin-right:5rem;
 margin-bottom:5rem
 }
 .portfolio-item img{
 -webkit-transition:-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);
 clip-path:inset(-1px)
 }
 .portfolio-item:hover img{
 -webkit-clip-path:inset(2rem);
 clip-path:inset(2rem)
 }
 .portfolio-item:hover .caption{
 background-color:rgba(29,128,159,.9);
 -webkit-clip-path:inset(2rem);
 clip-path:inset(2rem)
 }
 }
 .social-link{
 display:block;
 height:4rem;
 width:4rem;
 line-height:3.8rem;
 background-color:#312b2a;
 -webkit-transition:background-color .15s ease-in-out;
 transition:background-color .15s ease-in-out;
 -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
 }
 .social-link:hover{
 background-color:#565150;
 text-decoration:none
 }
 a{
 color:#312b2a
 }
 a:active,a:focus{
 color:#155d74
 }
 .btn-primary{
 background-color:#1d809f!important;
 border-color:#1d809f!important;
 color:#fff!important
 }
 .btn-primary:active,.btn-primary:focus,.btn-primary:hover{
 background-color:#155d74!important;
 border-color:#155d74!important
 }
 .btn-secondary{
 background-color:#ecb807!important;
 border-color:#ecb807!important;
 color:#fff!important
 }
 .btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
 background-color:#ba9106!important;
 border-color:#ba9106!important
 }
 .btn-dark{
 color:#fff!important
 }
 .btn{
 -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 font-weight:700
 }
 .bg-primary{
 background-color:#edebe8!important
 }
 .text-primary{
 color:#1d809f!important
 }
 .text-secondary{
 color:#ecb807!important
 }