/*
Theme Name: GCPS Limited
Theme URI: https://www.gcpsweb.com/
Description: GCPS Limited Exclusive Theme
Version: 1.0
Author: 
Author URI: 
*/

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }

img.alignleft { display: block; margin: 0 auto 0 0; }

img.aligncenter { display: block; margin: 0 auto; }

a:hover img.hoverImg{opacity:0.6;}

.flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-height {display: flex; align-items: center;}

.container {max-width: 1230px;}

@media screen and (max-width: 1199px){
.container {max-width: 100%;}
}

.img-center{display:block; margin-left:auto; margin-right:auto;}

.bg-blue-gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c2b97+0,47b2d2+100 */
background: #0c2b97; /* Old browsers */
background: -moz-linear-gradient(left,  #0c2b97 0%, #47b2d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0c2b97 0%,#47b2d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0c2b97 0%,#47b2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2b97', endColorstr='#47b2d2',GradientType=1 ); /* IE6-9 */
}

.text-blue-gradient{background: linear-gradient(330deg, #0c2b97 0%, #2fa9ce 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display:inline-block;}

.text-primary{color:#0c2b97 !important;}

.text-info{color:#47b2d2 !important;}

.font-josefin{font-family: 'Josefin Sans', sans-serif;}

.font-noto-jp{font-family: 'Noto Sans JP', sans-serif !important;}

.btn{padding:.65rem 4rem; border-radius:24px;}

.btn-blue-gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a6de5+1,66c1dc+100 */
background: #4a6de5; /* Old browsers */
background: -moz-linear-gradient(left,  #4a6de5 1%, #66c1dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #4a6de5 1%,#66c1dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #4a6de5 1%,#66c1dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6de5', endColorstr='#66c1dc',GradientType=1 ); /* IE6-9 */
border:none;
}

.btn-blue-gradient:hover{opacity:.8;}

.text-light-blue{color:#83c1f4;}

.bg-light{background-color:#f1f1f1 !important;}

.mb-30px{margin-bottom:30px !important;}

.mb-40px{margin-bottom:40px !important;}

.mb-50px{margin-bottom:50px !important;}

@media screen and (max-width: 767px){
.text-sm-center {text-align:center;}
}

a, a:hover, a:focus{color:#0c2b97;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Josefin Sans', sans-serif; font-weight:700;}

body{font-family: 'Poppins', sans-serif; line-height:1.6rem;}

html[lang="ja"]{font-size:15.5px;}

html[lang="ja"] body{font-family: "Noto Sans JP", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;}

.font-noto{font-family: "Noto Sans JP", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif !important;}

/* header */
.navbar{font-family: 'Josefin Sans', sans-serif; padding:.35rem 1rem;}

.navbar-brand{padding:0;}

.logo-header{width:270px; -webkit-transition: ease .25s;
 transition: ease .25s;}

.navbar.compressed .logo-header {
 width:200px; 
 -webkit-transition: ease .25s;
 transition: ease .25s;}

nav.fixed .logo-header{width:150px;
  -webkit-transition: ease .25s;
  transition: ease .25s;}

@media screen and (max-width:991px){
 .navbar{text-align:center;}
}

@media screen and (max-width:767px){
 .logo-header{width:200px;}
}

/* footer */
#contact-section{padding:100px 0;}

#footer{padding:35px 0; color:#fff;}

#footer a{color:#fff; text-decoration:underline;}

#footer a:hover{text-decoration:none;}

#footer ul{list-style:none; padding-left:0; display: flex; justify-content: center; align-items: center; list-style: none; margin-bottom:30px;}

#footer ul li{float:left; border-right:1px solid #b9c2cb; padding-right:15px; margin-right:15px;}

#footer ul li:last-child{border:none; margin-right:0;}

@media screen and (max-width:991px){
#footer ul{text-align:center; display:block;}
	
#footer ul li{float:none; border:none; padding-right:0; margin-right:0; margin-bottom:10px;}
}

@media screen and (max-width:767px){
#contact-section h4{font-size:2rem;}
}

/* index */
#hero-image{padding:320px 0; background:url('/wp/wp-content/themes/GCPS-Limited/images/hero-image.jpg') top center fixed;}

#hero-image h1{font-size:4rem;}

#home-ttl-area{padding:100px 0;}

#home-ttl-area h2{font-size:2.5rem;}

#home-services-area{padding-bottom:100px; position:relative;}

#home-services-area::before{content:""; background:url('/wp/wp-content/themes/GCPS-Limited/images/bg-home-section-services.jpg') bottom center fixed; position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:-1;}

#home-services-area .container .row{margin-top:-60px;}

@media screen and (max-width:767px){
 #hero-image{padding:220px 0; background:url('/wp/wp-content/themes/GCPS-Limited/images/hero-image.jpg') bottom center fixed;}
 
 #hero-image h1{font-size:2.7rem;}
}

a.services-box{display:block; color:#fff; border-radius:8px; 
-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}

.services-box img{position:relative; border-radius:8px;}

.services-box h3{position:absolute; bottom:20px; left:20px; right:20px; margin-left:auto; margin-right:auto; text-align:center;}

#home-about-area, #bg-forest-area{padding:100px 0; position:relative;}

#home-about-area::before, #bg-forest-area::before{content:""; background:url('/wp/wp-content/themes/GCPS-Limited/images/bg-home-section-about.png') bottom center; position:absolute; bottom:0; top:0; width:100%; height:100%;}

.card{border-radius:8px; 
-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); border:none;}

#home-about-area .bg-office{background:url('/wp/wp-content/themes/GCPS-Limited/images/img-home-about.jpg') center center; color:#fff;}

#home-about-area .card-body{padding:3.5rem; text-align:center;}

#home-about-area .about-text{margin-top:370px;}

#home-about-area .about-text p{text-shadow:0 0 10px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #000;}

@media screen and (max-width:991px){
 #home-about-area .card-body{padding:2rem;}
}

@media screen and (max-width:767px){ 
 #home-about-area .about-text{margin-top:3rem;}
}

/* page */
#page-ttl-area{padding:200px 0; text-align:center; background:url('/wp/wp-content/themes/GCPS-Limited/images/hero-image.jpg') bottom -70px center;}

#page-ttl-area h1{font-size:3rem; text-transform:uppercase;}

.sec-padding-100px{padding:100px 0;}

.border-all-radius{border-radius:6px;}

.border-left-radius{border-radius:6px 0 0 6px;}

.border-right-radius{border-radius:0 6px 6px 0;}

.page-card .card-body{padding:3.5rem;}

.page-card-narrow .card-body{padding:2rem;}

.card-bg-area{min-height:350px;}

.page-bg-river{background:url('/wp/wp-content/themes/GCPS-Limited/images/bg-home-section-services.jpg') bottom center fixed;}

.page-card hr{margin:0;}

ul.checked-info{list-style:none; padding-left:2px; padding-right:20px; margin-bottom:0;}

ul.checked-info li{padding-left: 1.5em; margin-bottom:5px; }

ul.checked-info li a, ul.checked-success li a, ul.checked-danger li a{color:inherit;}

ul.checked-info li:before{content: '\f00c'; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  font-weight:600; color:#34d4b6;}

ul.checked-info:last-child{margin-bottom:0;}

@media screen and (max-width:991px){
.page-card .card-body{padding:2rem;}
 
.card-bg-area{background-size: /*100% auto*/ cover !important;}
 
.border-top-radius-md{border-radius:6px 6px 0 0;}
}

@media screen and (max-width:767px){
 #page-ttl-area{padding:120px 0;}
  
 #page-ttl-area h1{font-size:2.4rem;}
}

.hosting-ttl{border-radius:6px 6px 0 0;}

.hosting-ttl h4{padding:1.35rem 1rem 1rem; color:#fff;}

.hover-box {
  background: rgba(47, 169, 206, .6);
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75rem 3rem;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  color:#333;
}

.hover-box:hover { opacity: 1; }

.hover-box:after,
.hover-box:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1rem;
  content: '';
  left: 1rem;
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.hover-box:before {
  border-bottom: none;
  border-top: none;
  left: 2rem;
  right: 2rem;
}

.hover-box:after {
  border-left: none;
  border-right: none;
  bottom: 2rem;
  top: 2rem;
}

.hover-box:hover:after,
.hover-box:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

@media screen and (max-width:991px){
 .hover-box{opacity:1;}
}

/* contact*/
input[type="submit"]{color:#fff;}

/* 404 */
#page404 h2{font-size:9rem; margin-bottom:3rem;}

#page404 h3{margin-bottom:3.5rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}