/*
Theme Name: MAHO Service
Theme URI: https://mahoservice.com/
Description: MAHO Service Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://samurai-web-works.com/
*/

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

.mt-10px{margin-top:10px !important;}

.mt-20px{margin-top:20px !important;}

.mt-30px{margin-top:30px !important;}

.mt-40px{margin-top:40px !important;}

.mt-50px{margin-top:50px !important;}

.mt-60px{margin-top:60px !important;}

.mt-70px{margin-top:70px !important;}

.mt-80px{margin-top:80px !important;}

.mt-90px{margin-top:90px !important;}

.mt-100px{margin-top:100px !important;}

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

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

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

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

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

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

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

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

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

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

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

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;}

.no-padding{padding-left:0 !important; padding-right:0 !important;}

.bg-primary{background-color:#022640 !important;}

.bg-success{background-color:#7ed957 !important;}

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

.text-success{color:#46bb15 !important;}

.border-success{border:1px solid #99d685 !important;}

.btn-success{background:#7ed957; color:#0d4a75; border-color:#7ed957;}

.btn-success:hover{background-color:#3aa90c; border-color:#3aa90c;}

.btn-primary{background-color:#0d4a75; border-color:#0d4a75;}

.text-white{color:#fff !important;}

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

.text-white a:hover, .text-white a.btn{text-decoration:none;}

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

.btn{white-space:normal; padding:.6rem 1.25rem;}

.container {max-width: 1230px;}

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

@media screen and (max-width: 767px){
 h1, .h1{font-size:2rem;}
 
 .h2{font-size:1.75rem;}
	
 h3, .h3{font-size:1.4rem;}
}

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

a, a:hover, a:focus{color:#46bb15;}

a.decoration{text-decoration:underline;}

a.decoration:hover{text-decoration:none;}

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

@media screen and (max-width: 991px){
 body{padding-bottom:70px;}
}

/* header */
#header-top address{font-size:.9rem;}

.header-tel{font-weight:bold; font-size:1.3rem;}

.fa-2x{font-size:1.8em;}

.fa-stack{height:1.5em; line-height:1.5em; width:2em;}

.fa-stack-1x{font-size:.75em;}

.fa-stack-2x{font-size:1.5em;}

hr{border-top:1px solid #e2e2e2;}

#logo-header{max-height:85px;}

@media screen and (max-width:767px){
 #header-top .flex-height{display:block;}
 
 .navbar-brand{display:block;}
 
 #logo-header{display:block; margin-left:auto; margin-right:auto; width:70%;}
}

/* nav */
.navbar-brand{margin-right:0;}

.navbar{background:#022640;}

.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{color:#7ed957;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color:#7ed957;}

.navbar-dark .navbar-nav .nav-link{color:#fff;}

.navbar-expand-lg .navbar-nav .nav-link{padding-right:3rem; padding-left:3rem;}

.dropdown-menu{background-color:#022640; font-size:.9rem;}

.dropdown-item{color:#fff;}

.dropdown-item:hover, .dropdown-item:focus{background-color:#022640; color:#7ed957;}

@media screen and (min-width:992px){
 .navbar-expand-lg .navbar-nav .dropdown-menu{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
}

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

/* Fixed Navigation */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

/* footer */
#footer-top{background-image:url('/wp-content/themes/mahoservice/images/bg-footer.png'); background-position:center center; background-size:cover;}

#footer-top a.btn-success{color:#0d4a75;}

#footer-top a.btn-success:hover{color:#fff;}

#footer-bottom{padding:13px 0; background-color:#7ed957; color:#0d4a75;}

#footer-bottom a{color:#0d4a75; text-decoration:underline;}

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

@media screen and (max-width:767px){
 #footer-top{background-image:url('/wp-content/themes/mahoservice/images/bg-footer-sm.png');}
}

/* footer sticky */
.footer-sticky{display:none;}

@media screen and (max-width:991px){
.footer-sticky {
  font-size:.85rem;
  display:block;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background: rgba(255, 255, 255, 0.85);
  z-index:500;
  border-top: 1px solid #cacaca;
  text-align:center;
  padding-top:.5rem;
  padding-bottom:.35rem;
}
 
.footer-sticky a{color:#0d4a75;}
 
.footer-sticky a i{color:#46bb15;}

.footer-sticky i{font-size:1.35rem;}
 
.footer-sticky .row .col-12{border-right:1px solid #cacaca;}
 
.footer-sticky .row .col-12:last-child{border:none;}
}

/* common */
.padding-45px{padding:45px 0;}

.padding-90px{padding:90px 0;}

.padding-110px{padding:110px 0;}

@media screen and (max-width: 767px){
 .padding-90px, .padding-110px{padding:70px 0;}
}

/* index */
.carousel h1{color:#fff; font-size:3.5rem;}

.carousel-text-shadow{text-shadow:0 0 10px rgb(0 0 0 / 50%);}

.carousel img{padding:20px 0;}

.bg-carousel01{background: url('/wp-content/themes/mahoservice/images/bg-carousel01.jpg') top center no-repeat; background-size:cover;}

.bg-carousel02{background: url('/wp-content/themes/mahoservice/images/bg-carousel02.jpg') top center no-repeat; background-size:cover;}

.bg-carousel03{background: url('/wp-content/themes/mahoservice/images/bg-carousel03.jpg') top center no-repeat; background-size:cover;}

@media screen and (max-width:1249px){
 .carousel-height{height:auto;}
}

@media screen and (max-width:999px){
 .carousel h1{color:#fff; font-size:2.75rem;}
}

@media screen and (max-width:767px){
 .carousel-item{padding:30px 0;}
 
 .carousel h1{color:#fff; font-size:2rem; text-align:center; width:100%;}
 
 .carousel img{width:60%; display:block; margin-left:auto; margin-right:auto;}
	
 .bg-carousel01{background: url('/wp-content/themes/mahoservice/images/bg-carousel-sm01.jpg') top center no-repeat;}

 .bg-carousel02{background: url('/wp-content/themes/mahoservice/images/bg-carousel-sm02.jpg') top center no-repeat;}

 .bg-carousel03{background: url('/wp-content/themes/mahoservice/images/bg-carousel-sm03.jpg') top center no-repeat;}
}

.bg-intro{overflow: hidden; position: relative; background-image:url('/wp-content/themes/mahoservice/images/bg-home-intro.png'); background-color:#043a61; background-position:center center; background-size:cover;}

.bg-intro::before {
  content: '';
  display: block;
  position: absolute;
  right:65%;
  top: 0;
  border-top: 150px solid rgb(126 217 87 / 50%);
  border-left: 50vw solid rgb(126 217 87 / 50%);
  border-right: 50vw solid transparent;
  border-bottom: 150px solid transparent;
}

.bg-intro::after {
  content: '';
  display: block;
  position: absolute;
  left:65%;
  bottom: 0;
  border-top: 150px solid transparent;
  border-left: 50vw solid transparent;
  border-right: 50vw solid rgb(126 217 87 / 50%);
  border-bottom: 150px solid rgb(126 217 87 / 50%);
}

@media screen and (max-width:767px){
 .bg-intro{background-image:url('/wp-content/themes/mahoservice/images/bg-home-intro-sm.png');}
}

/* 404 */
#page404{text-align:center;}

#page404 .h1{font-size:7rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(70, 187, 21, 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;
}

@media screen and (max-width:991px){
 #return-to-top{bottom:110px;}
}