@charset "UTF-8";
/*===================================
  # Google Fonts
====================================== */


html {
  font-size: 100%;
}

body {
  font-size: 16px;
  line-height: 1.75em;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
  background-color: #fff;
  color: #6b7686;
  font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif!important;
}

::-moz-selection {
  color: #fff;
  background: #179ff6;
}

::selection {
  color: #fff;
  background: #179ff6;
}

/*===================================
  # Elements
====================================== */

a {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #000;
}

a:focus {
  outline: none;
  color: inherit;
}

a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

button:focus {
  outline: 0px dotted;
}

i {
  color: inherit;
}

figure {
  margin: 0;
}

blockquote {
  border-left: 3px solid #c39d6d;
}

blockquote p {
  font-size: 16px;
  font-weight: 400;
}

cite {
  color: #c39d6d;
  font-size: 12px;
}

.list {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}

.full-size {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pos-abs {
  position: absolute;
}

img {
  max-width: 100%;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-patent {
  background-repeat: repeat;
  background-position: center center;
}

.page-cover {
  height: 710px;
}

.bg-overlay {
  position: relative;
}

.bg-overlay:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay > div {
  position: relative;
}

.bg-overlay-light {
  position: relative;
}

.bg-overlay-light :before {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-animation  {
  position: relative;
}

.bg-overlay-animation :before {
 background: linear-gradient(45deg, rgba(255,175,189,.2), rgba(100,216,243,.2), rgba(234,236,198,.2), rgba(245,146,176,.2), rgba(52,219,216,.2)) 0 0 / 1000% no-repeat, url(background.jpg) 0 0 / cover no-repeat;
  animation: gradientAnimation 40s ease infinite;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
@keyframes gradientAnimation {
  0%   { background-position: 0% 30%, 0 0;}
  50%  { background-position: 100% 70%, 0 0;}
  100% { background-position: 0% 30%, 0 0;}
}


.bg-image-overlay {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: 220px;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.border-top {
  border-top: 1px solid rgba(10, 68, 150, 0.1);
}

.shadow01{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
}
.shadow02{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.shadow03{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.shadow04{
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
/*===================================
  # Typography
====================================== */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  line-height: 1.75em;
  color: #3c424d;
}

h1 {
  font-size: 2.827em;
  margin: 0 0 15px;
}

h2 {
  font-size: 1.999em;
}

h3 {
  font-size: 1.414em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.85em;
}

p {
  margin-bottom: 25px;
  line-height: 1.95em;
}

p:last-child {
  margin-bottom: 0;
}

.font10{
 font-size: 10px !important;
}

.font11{
 font-size: 11px !important;
}

.font12{
 font-size: 12px !important;
}

.font13{
 font-size: 13px !important;
}
.font14{
 font-size: 14px !important;
}

.font16{
 font-size: 16px !important;
}

.small-50 {
  font-size: 50% !important;
}
.small-80 {
  font-size: 80% !important;
}

.font-big{
 font-size: 200%!important;
}

.font-lage{
 font-size: 150%!important;
}

.txt-height33{
  line-height: 3.3rem !important;
}
.txt-height175{
  line-height: 1.75rem !important;
}

.justext{
  text-align: justify !important;
  -ms-text-justify: inter-ideograph !important;
  text-justify: inter-ideograph !important;
}

.txt-bold{
   font-weight: 700;
    font-weight: bold;
}

.txt-normal{
   font-weight: normal !important;
   font-weight: 100 !important;
}

.raleway-font{
font-family: 'Raleway', sans-serif!important;
}
.Heebo-font{ 
  font-family: "Heebo", sans-serif !important;
  font-weight:  800 !important;
}
/*===================================
  # tittle Style
====================================== */

.sub-tittle02{
   font-family: 'Raleway', sans-serif!important;
   display:block;
   font-size:4.5rem ;
   line-height: 0.65em !important;
   margin:0 auto;
   margin-bottom:1.75rem;
   font-weight:  300;
   color: #000;
   text-align: center;
   width: 150px;  
   border-bottom: 2px solid #000;
}
.sub-tittle02-under{
  text-align: center;
  font-size: 2.5rem;
  font-weight:  700;
}

/*===================================
  # Button Style
====================================== */
.btn {
  -webkit-transition: all 0.3s ease 0.02s;
  transition: all 0.3s ease 0.02s;
}

.btn:active,
.btn:focus {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
}

.btn {
  border: 1px solid #333;
  border-radius: 3px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
}

.btn-default {
  background-color: #1B39D0;
  color: #fff;
  border-color: #1B39D0;
  height: 70px;
  line-height: 70px;
  padding: 0 80px;
  border-radius: 5px;
}

.btn-default:hover {
  background-color: #37CA83;
  color: #fff;
  border-color: #37CA83;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.18), 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.btn-default.btn-download {
  background-color: transparent;
  border: 2px solid #1463f4;
  border-radius: 50px;
  font-size: 14px;
  height: 40px;
  line-height: 37px;
  padding: 0 30px;
  color: #1463f4;
}

.btn-default.btn-download:hover, .btn-default.btn-download:focus {
  background-color: #1463f4;
  color: #fff;
}

.btn-default2 {
  background-color: #fff;
  border: 0 solid;
  border-radius: 0;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  height: 45px;
  line-height: 46px;
  padding: 0 55px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 7px;
  margin-right: 7px;
}

.btn-default2:before {
  border: 2px solid #fff;
  content: "";
  height: 100%;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 100%;
  -webkit-transition: all 0.3s ease 0.02s;
  transition: all 0.3s ease 0.02s;
}

.btn-default2:hover {
  background-color: #9B2E2E;
  color: #fff;
}

.btn-default2:hover:before {
  border-color: #9B2E2E;
}

.btn-default2.btn-primary {
  background-color: #9B2E2E;
  color: #fff;
}

.btn-default2.btn-primary:before {
  border-color: #9B2E2E;
}

.btn-default2.btn-primary:hover, .btn-default2.btn-primary:focus, .btn-default2.btn-primary:active:not([disabled]):not(.disabled) {
  background-color: #333 !important;
  color: #fff !important;
}

.btn-default2.btn-primary:hover:before, .btn-default2.btn-primary:focus:before, .btn-default2.btn-primary:active:not([disabled]):not(.disabled):before {
  border-color: #333 !important;
}

.btn-bownload {
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  padding: 0 32px;
}

.btn-primary {
  background-color: #fd8320;
  border: 0 solid;
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  height: 60px;
  line-height: 62px;
  padding: 0 55px;
  text-transform: uppercase;
}

.btn-primary.active:focus:not(:disabled):not(.disabled), .btn-primary:focus {
  box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0.5);
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #fff !important;
  color: #fd8320 !important;
}

.btn-primary:active {
  box-shadow: 0 0 0 0rem transparent !important;
}

.btn-primary.btn-white {
  background-color: transparent;
  border: 2px solid #dddddd;
  color: #F1720B;
  font-size: 12px;
  line-height: 56px;
  font-family: "Heebo", sans-serif;
  padding: 0 70px;
}

.btn-primary.btn-white:hover, .btn-primary.btn-white:focus {
  background-color: #F1720B !important;
  color: #fff !important;
  border-color: #F1720B !important;
}

.btn-primary.btn-blue {
  background-color: #179ff6;
  padding: 0 55px;
  height: 50px;
  border-radius: 5px;
  box-shadow: 5px 5px 20px rgba(23, 159, 246, 0.3);
  line-height: 50px;
  font-size: 25px;
  font-family: "old_standard_ttregular";
  text-transform: none;
}

.btn-primary.btn-blue > span {
  display: inline-block;
  font-size: 15px;
}

.btn-primary.btn-blue:hover, .btn-primary.btn-blue:focus {
  background-color: #2f404a !important;
  color: #fff !important;
  box-shadow: 5px 5px 20px rgba(47, 64, 74, 0.3);
}

.btn-primary.btn-book {
  border-radius: 50px;
  font-size: 12px;
  height: 35px;
  line-height: 37px;
  padding: 0 35px;
  background-color: #6495F0;
}

.btn-primary.btn-book:hover, .btn-primary.btn-book:focus {
  background-color: #E989BD !important;
  color: #fff !important;
}

.btn-primary.btn-book.pink {
  background-color: #E989BD;
}

.btn-primary.btn-book.pink:hover, .btn-primary.btn-book.pink:focus {
  background-color: #6495F0 !important;
}

.btn-primary.btn-round {
  border-radius: 50px;
  font-size: 13px;
  height: 55px;
  line-height: 55px;
  padding: 0 70px;
}

.btn-primary.btn-gradient {
  background-image: -webkit-linear-gradient(left, #2980b9, #28D9DC);
  background-image: linear-gradient(to right, #2980b9, #28D9DC);
  padding: 0 30px;
  font-size: 16px !important;
  border-radius: 5px;
  box-shadow: 10px 10px 40px rgba(26, 182, 240, 0.3);
}

.btn-primary.btn-gradient:hover, .btn-primary.btn-gradient:focus {
  background-image: -webkit-linear-gradient(left, #28D9DC, #2980b9);
  background-image: linear-gradient(to right, #28D9DC, #2980b92);
  color: #fff !important;
}

.btn-primary.btn-gradient02 {
  background-image: -webkit-linear-gradient(left, #27ae60, #1abc9c);
  background-image: linear-gradient(to right, #27ae60, #1abc9c);
  padding: 0 30px;
  font-size: 16px !important;
  border-radius: 5px;
  box-shadow: 10px 10px 40px rgba(26, 182, 240, 0.3);
}

.btn-primary.btn-gradient02:hover, .btn-primary.btn-gradient02:focus {
  background-image: -webkit-linear-gradient(left, #28D9DC, #1abc9c);
  background-image: linear-gradient(to right, #28D9DC, #1abc9c);
  color: #fff !important;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}


@media only screen and (max-width: 576px) {
  .btn-primary {
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
  }
  .btn-primary.btn-blue {
    font-size: 20px;
  }
  .btn-primary.btn-blue, .btn-primary.btn-white {
    height: 45px;
    line-height: 45px;
    padding: 0 35px;
  }
}

.btn-submit {
  background-color: #9846df;
  color: white;
  font-weight: bold;
  padding: 13px 35px;
  text-transform: capitalize;
  border-radius: 25px;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  border: 1px solid #010101;
  letter-spacing: 1px;
}

.btn-submit:hover {
  color: #000;
  background-color: white;
}

.btn-submit:focus {
  color: #fff;
}

.btn-group .btn {
  border-radius: 25px !important;
  margin: 5px !important;
  min-width: 170px;
}

.btn-primary:active:not([disabled]):not(.disabled) {
  background-color: #8445ee;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}

.btn-group .btn:hover {
  color: #ffffff;
  background-color: #8445ee;
}

.btn-group .btn-primary:hover {
  color: #8445ee;
  background-color: #ffffff;
}

.btn-green {
  background-color: #37CA83;
  color: #fff;
}

.btn-green:hover {
  background-color: #4bcf8f;
}

.btn-yellow {
  background-color: #fd8320;
  color: #fff;
}

.btn-yellow:hover {
  background-color: #fd9139;
}

.form_group_btn {
  padding-top: 20px;
}

.form_group_btn > .btn-default {
  padding: 0 55px;
}

.btn_links {
  padding-top: 30px;
  position: relative;
}

.btn_links > .btn-default {
  margin: 0 9px;
}

.btn_links > .btn-default:hover, .btn_links > .btn-default:focus {
  color: #fff;
}

.btn-prev,
.btn-next {
  background-color: #fff;
  border: 1px solid #E6F2F6;
  position: relative;
}

.btn-prev:hover img,
.btn-next:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.btn-prev.btn-large,
.btn-next.btn-large {
  width: 90px;
}

.btn-prev.btn-large > img,
.btn-next.btn-large > img {
  width: 20px;
  margin-top: -4px;
}

/*===================================
  # BG-color
====================================== */
.bg-white {background-color: #fff;}
.bg-yellow {background-color: #FCAD58;}
.bg-pink {background-color: #E989BD;}
.bg-purple {background-color: #9D5EC1;}
.bg-blue {background-color: #1B39D0;}
.bg-blue2 {background-color: #2B80F5;}
.bg-blue4-1 {background-color: rgba(41, 128, 185,0.9);}
.bg-blue4-2 {background-color: rgba(41, 128, 185,0.8);}
.bg-blue4-3 {background-color: rgba(41, 128, 185,0.6);}
.bg-blue4-4 {background-color: rgba(41, 128, 185,0.4);}
.bg-gray {background-color: #F4FAFF;}
.bg-gray2 {background-color: #FAFAFA;}
.bg-gray3 {background-color: #EDF1F7;}
.bg-gray4 {background-color: #F2F4F8;}
.bg-gold {background-color: #f6e9d7;}
.bg-color-black {background-color: rgba(0, 0, 0, 0.7);}
.bg-green {background-color: #5FD580  !important;}

.bg-color-54:before {
  background-color: #1b39d0;
  content: "";
  height: calc(100% - 170px);
  position: absolute;
  right: 0;
  top: 0;
  width: 54.5%;
}

.default-text-gradient {
  background: -webkit-linear-gradient(left, #02C1FF, #0E8FFF);
  background: linear-gradient(to right, #02C1FF, #0E8FFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*===================================
  # color
====================================== */

.black{color: #000;}
.yellow {color: #e19f40;}
.green {color: #27ae60  !important;}
.pink {color: #fc45a4;}
.blue {color: #538ff1;}

/*===================================
  # White Space 
====================================== */
/***** [ ## mtb ] ******/
.mtb-110 {margin: 110px 0!important;}
.mtb-100 {margin: 100px 0!important;}
.mtb-90 {margin: 90px 0!important;}
.mtb-80 {margin: 80px 0!important;}
.mtb-70 {margin: 70px 0!important;}
.mtb-60 {margin: 60px 0!important;}
.mtb-50 {margin: 50px 0!important;}
/***** [ ## mt ] ******/
.mt-150 {margin: 150px 0 0!important;}
.mt-110 {margin: 110px 0 0!important;}
.mt-100 {margin: 100px 0 0!important;}
.mt-90 {margin: 90px 0 0!important;}
.mt-80 {margin: 80px 0 0!important;}
.mt-70 {margin: 70px 0 0!important;}
.mt-60 {margin: 60px 0 0!important;}
.mt-50 {margin: 50px 0 0!important;}
.mt-40 {margin: 40px 0 0!important;}
.mt-30 {margin: 30px 0 0!important;}
.mtb-0 {margin: 0 0 0 0 !important;}
/***** [ ## mb ] ******/
.mb-110 {margin-bottom: 110px!important;}
.mb-100 {margin-bottom: 100px!important;}
.mb-90 {margin-bottom: 90px!important;}
.mb-80 {margin-bottom: 80px!important;}
.mb-75 {margin-bottom: 75px!important;}
.mb-70 {margin-bottom: 70px!important;}
.mb-60 {margin-bottom: 60px!important;}
.mb-50 {margin-bottom: 50px!important;}
.mb-40 {margin-bottom: 40px!important;}
.mb-30 {margin-bottom: 30px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-0 {margin-bottom: 0px !important;}
/***** [ ## ptb ] ******/
.ptb-180 {padding: 180px 0;}
.ptb-150 {padding: 150px 0;}
.ptb-110 {padding: 110px 0;}
.ptb-100 {padding: 100px 0;}
.ptb-90 {padding: 90px 0;}
.ptb-85 {padding: 85px 0;}
.ptb-80 {padding: 80px 0;}
.ptb-70 {padding: 70px 0;}
.ptb-60 {padding: 60px 0;}
.ptb-50 {padding: 50px 0;}
.ptb-40 {padding: 40px 0;}
.ptb-20 {padding: 20px 0;}
.ptb-10 {padding: 10px 0;}
/***** [ ## pt ] ******/
.pt-180 {padding: 180px 0 0;}
.pt-150 {padding: 150px 0 0;}
.pt-120 {padding: 120px 0 0;}
.pt-125 {padding: 125px 0 0;}
.pt-115 {padding: 115px 0 0;}
.pt-110 {padding: 110px 0 0;}
.pt-100 {padding: 100px 0 0;}
.pt-95 {padding: 95px 0 0;}
.pt-90 {padding: 90px 0 0;}
.pt-80 {padding: 80px 0 0;}
.pt-70 {padding: 70px 0 0;}
.pt-60 {padding: 60px 0 0;}
.pt-50 {padding: 50px 0 0;}
.pt-40 {padding: 40px 0 0;}
.pt-30 {padding: 30px 0 0;}
/***** [ ## pb ] ******/
.pb-250 {padding-bottom: 250px;}
.pb-150 {padding-bottom: 150px;}
.pb-145 {padding-bottom: 145px;}
.pb-110 {padding-bottom: 110px;}
.pb-120 {padding-bottom: 120px;}
.pb-100 {padding-bottom: 100px;}
.pb-90 {padding-bottom: 90px;}
.pb-80 {padding-bottom: 80px;}
.pb-70 {padding-bottom: 70px;}
.pb-60 {padding-bottom: 60px;}
.pb-50 {padding-bottom: 50px;}
.pb-40 {padding-bottom: 40px;}
.pb-30 {padding-bottom: 30px;}
.pb-20 {padding-bottom: 30px;}
.pb-10 {padding-bottom: 30px;}
/***** [ ## pr ] ******/
.pr-15 {padding-right: 15px !important;}
.pr-5 {padding-right: 5px;}


/*===================================
  # gradientAnimation 
====================================== */
.gradientAnimation01 {
  background: linear-gradient(45deg, rgba(255,175,189,.7), rgba(100,216,243,.7), rgba(234,236,198,.7), rgba(245,146,176,.7), rgba(52,219,216,.7)) 0 0 / 1000% no-repeat, url(background.jpg) 0 0 / cover no-repeat;
  animation: gradientAnimation 40s ease infinite;
}
@keyframes gradientAnimation {
  0%   { background-position: 0% 30%, 0 0;}
  50%  { background-position: 100% 70%, 0 0;}
  100% { background-position: 0% 30%, 0 0;}
}

/*===================================
  # cta-area 
====================================== */
.cta-area{
   display:inline-block;
   background-color: transparent;
   padding:10px !important;
}

.cta-area-fixed{
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: 1030;
}

.cta-area i{
   margin-right: 5px;
   font-size: 120%;
 }

.cta-line-btn {
   background-color: rgba(49,174,54,1.0);
   border: 2px solid  rgba(49,174,54,1.0);
   border-radius: 6px;
   font-size: 20px;
   height: 65px;
   line-height: 65px;
   padding: 0 37px;
   color: #fff;
}

.cta-line-btn:hover,
.cta-line-btn:focus,
.cta-line-btn:active,
.cta-line-btn.active{
   background-color: rgba(49,174,54,0.7);
   border: 2px solid  rgba(49,174,54,0.7);
   color:#ffffff;
 }

.cta-line-icon{
   width:25px;
   height: auto;
   margin-right: 5px;
   line-height: 1.0rem ;
   }

.cta-mail-btn {
  color:#ffffff;
  background-color: rgba(52, 152, 219,1.0);
  border: 2px solid  rgba(52, 152, 219,1.0);
  border-radius: 6px;
  font-size: 20px;
  height: 65px;
  line-height: 65px;
  padding: 0 37px;
}

.cta-mail-btn:hover,
.cta-mail-btn:focus,
.cta-mail-btn:active{
  background-color: rgba(52, 152, 219,0.7);
  border: 2px solid rgba(52, 152, 219,1.0);
  color:#ffffff;
 }
 
 .cta-call-btn {
  background-color: rgba(231, 76, 60,1.0);
  border: 2px solid  rgba(231, 76, 60,1.0);
  border-radius: 6px;
  font-size: 20px;
  height: 65px;
  line-height: 65px;
  padding: 0 37px;
  margin-right: 5px;
  color: #fff;
}

.cta-call-btn:hover,
.cta-call-btn:focus,
.cta-call-btn:active{
  background-color: rgba(231, 76, 60,0.7);
  border: 2px solid  rgba(231, 76, 60,1.0);
  color:#ffffff;
 }

/*===================================
  # Hero Section
====================================== */
.hero-section {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  position: relative;
  min-height: 965px;
  overflow: hidden;
}


.hero-section:before {
  background-color: #fff;
  bottom: -202px;
  content: "";
  height: 270px;
  position: absolute;
  -webkit-transform: skewY(-8deg) scaleY(1.5);
  transform: skewY(-8deg) scaleY(1.5);
  width: 100%;
}

.hero-section.hero-content .section-header {
  margin-bottom: 58px;
}

.hero-section .hero-content .section-header .title-script,
.hero-section .hero-content .section-header .section-title,
.hero-section .hero-content .section-header .section-lead > p {
  color: #fff;
}

.hero-section .hero-content .section-header .section-title {
  line-height: 1.33em;
  font-size: 74px;
  font-weight: bold;
}

.hero-section .hero-content .section-header .section-lead {
  font-size: 18px;
}

.hero-section .hero-content .section-header .title-script {
  font-size: 16px;
  font-weight: 700;
  font-family: "Heebo", sans-serif;
  text-transform: uppercase;
}

.hero-section .hero-thumb-area .hero-thumb {
  margin-top: 40px;
  display:block;
}


.img-box {
  position: relative;
}
.img-box .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; 
}
.img-box:hover .active {
  opacity: 1;
}

.img-box .active02 {
opacity: 1;
  transition: 0.5s; 
}
.img-box:hover .active02 {
  opacity: 0;
}







.hero-section .hero-content .section-header .senna-logo-hero-wapper .senna-logo-hero{
   width: 150%;
   height: auto;
   margin-bottom: 25px;
  }

@media only screen and (max-width: 1280px) {
  .hero-section:before {
    bottom: -245px;
  }
  .hero-section .hero-content .section-header .section-title {
    font-size: 62px;
    line-height: 1.25em;
  }
}
@media only screen and (max-width: 1200px) {
  .hero-section .hero-content .section-header .section-title {
    font-size: 56px;
   }
  .hero-section .hero-thumb-area .hero-thumb {
    margin-top: 150px;
    
  }
  .hero-section .hero-content .section-header{
    margin-top: 100px;
  }
  .hero-section .hero-content .section-header .title-script {
    font-size: 14px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section {
    padding-top: 50px;
    min-height: 900px;
  }
  .hero-section .hero-thumb-area .hero-thumb {
    margin-top: 50px;
  }

  .hero-section .hero-content .section-header .senna-logo-hero-wapper{
    margin: 0 auto;
    margin-bottom: 5px;
    width: 50%;
  }
  
   .section-hero-text-area{
     text-align: center;
     margin: 0 auto;
   }

}

@media only screen and (max-width: 768px) {
  .hero-section {
    padding-top: 100px;
  }
  .hero-section .hero-content .section-header {
    margin-bottom: 40px;
  }
  .hero-section .hero-content .section-header .section-title {
    font-size: 38px;
  }
  .hero-section .hero-thumb-area .hero-thumb {
    margin-top: 10px;

  }
  
  .hero-section .hero-content .section-header .section-lead {
  font-size: 16px;
  }
}

@media only screen and (min-width: 576.9999px) {

}

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

}

@media only screen and (max-width: 576px) {
     .hero-section {
         padding-top: 0px;
     }
     .hero-section .hero-content .section-header {
        margin-bottom: 30px;
     }
   .hero-section.hero-content  {
       margin-bottom: 18px;
    }
  .hero-section .hero-content .section-header .section-title {
       font-size: 36px;
       margin-bottom: 20px;
     }
   .hero-section {
    padding-top: 10px;
    }
   .hero-section .hero-content .section-header .senna-logo-hero-wapper{
    margin: 0 auto;
    margin-bottom: 5px;
    width: 60%;
   }
   .hero-section .hero-content .section-header .section-lead p{
     font-size: 14px;
     line-height: 1.5em !important;
   }
    .md-pb{
        height: 500px !important;
    }
}

.hero-bg-animation {
  background-color: #e74c3c;
  animation: bg-color 10s infinite;
  -webkit-animation: bg-color 60s infinite;
}
@-webkit-keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}



/*===================================
  # section-header.style-nine
====================================== */

.section-header.style-nine {
  margin: -2px 0 35px;
}

.section-header.style-nine .title-icon .icon {
  color: #fff;
  width: 60px;
  background-color: #2B80F5;
  height: 60px;
  line-height: 64px;
  border-radius: 50%;
  margin: 0 auto 30px;
  font-size: 30px;
}

.section-header.style-nine .title-script {
  color: rgba(41, 128, 185,1.0);
  font-family: 'Heebo', sans-serif;

  font-size: 1.0rem;
  font-weight: 800;
  text-transform: uppercase;
}

.section-header.style-nine .section-title {
  font-size: 3.5rem;
  line-height: 1.5em;
  font-weight: 100;


  color: #2e3642;
}

.section-header.style-nine .section-lead {
  padding-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 1.875em;
}

@media only screen and (min-width: 993px) {

}

@media only screen and (max-width: 992px) {
  .section-header.style-nine .title-icon .icon {
    font-size: 25px;
    height: 50px;
    line-height: 55px;
    margin: 0 auto 20px;
    width: 50px;
  }
  .section-header.style-nine .title-script {
    margin-bottom: 20px;
  }
  .section-header.style-nine .section-title {
    font-size: 37px;
    line-height: 1.35em;
  }
  .section-header.style-nine .section-lead {
    font-size: 15px;
    padding-top: 15px;
  }
}

@media only screen and (max-width: 768px) {
 .section-header.style-nine .section-title {
    font-size: 37px;
    line-height: 1.3em;
  }
  .section-header.style-nine .section-lead {
    padding-top: 5px;
     font-size: 15px !important;
  }
}

@media only screen and (max-width: 576px) {
  .section-header.style-nine .title-script {
    margin-bottom: 15px;
  }
  .section-header.style-nine .section-title {
    font-size: 20px;
  }
  
    .section-header.style-nine .section-lead {
     font-size: 14px !important;
  }
}


/*===================================
  # cta-midle-section(display)
====================================== */

.cta-midle-section-wapper {
  font-size: 33px;
  margin-bottom: 0px;
  color: #333;
  padding-top:0;
  padding-bottom:0;
  background: rgb(255,166,51);
  background: linear-gradient(90deg, rgba(255,166,51,1) 0%, rgba(255,123,172,1) 0%, rgba(154,238,255,0.8113620448179272) 0%, rgba(79,167,255,1) 100%);
}

.cta-midle-section-wapper .cta-midle-section .cta-midle-section-coa{
  min-height: 600px;
  padding-top:0;
  padding-bottom:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.no-gutters {
  margin:0;
  padding:0;
}
 
.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}
.cta-text-block{
  padding-top:80px;
}

.cta-text-block  h3{
  font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif!important;
  font-size:2.5rem ;
  line-height: 1.75em;
  color: #000 !important;
  font-weight: 700;
}

.cta-text-block  h3 > span{
  font-size:1.75rem;
}

.cta-text-block .cta-call-phone,
.cta-call-phone{
   font-family: 'Raleway', sans-serif;
   font-weight: 300;
   font-size: 4.5rem;
   color: #c0392b;
   margin-bottom:35px;
}

.cta-text-block .cta-call-time,
.cta-call-time{
   font-family: 'Raleway', sans-serif;
   font-weight: 300;
   font-size:1.5rem;
   color:1a1a1a;
}
.cta-text-block .cta-title-script,
 .cta-title-script{
  font-family: "Heebo", sans-serif !important;
  font-weight:  800 !important;
   font-size:1.0rem;
  background: -webkit-linear-gradient(left, #2980b9, #3498db);
  background: linear-gradient(to right, #2980b9, #3498db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  }

.cta-text-block .cta-description{
   font-size:1.0rem;
   font-weight: 100;
   margin-top:30px;
}
  
.max-height-m{
    max-height: 800px!important;
}

.ribbon15-wrapper {  
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  background: #f1f1f1;
  box-sizing: border-box;
  }

.ribbon15 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 10px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 17px;
  background: linear-gradient(#ff785b 0%, #e95738 100%);
  border-radius: 2px 0 0 0;
  }

.ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #cf4a2d;
  border-right: solid 6px transparent;
}
.ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #e95738;
  border-right: 20px solid #e95738;
  border-bottom: 10px solid transparent;
}
.ribbon15-text{
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif!important;
 font-size:1.0rem;
 font-weight: 300;
 padding:1.0rem;
}

.main-tittle-w {
  color: #ffff !important;
  font-weight: 700;
  font-size: 23px!important;
}
.main-tittle {
  position: relative;
  padding: 0.25rem 0.25rem calc(0.25rem + 10px);
  margin-left: 1.0rem;
  margin-right: 1.0rem;
  margin-bottom: 10px;
  background: rgb(255,166,51);
  background: linear-gradient(90deg, rgba(255,166,51,1) 0%, rgba(255,123,175,1) 0%, rgba(79,167,255,1) 0%, rgba(200,123,149,1) 0%, rgba(192,57,43,1) 100%);
}

.main-tittle:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #e74c3c;
  border-image: linear-gradient(to right, #c21500 0%, #3498db 100%);
  border-image-slice: 1;
}

.main-tittle02 {
  position: relative;
  padding: 0.25rem 0.25rem calc(0.25rem + 10px);
  margin-left: 1.0rem;
  margin-right: 1.0rem;
  margin-bottom: 10px;
  background: rgb(255,166,51);
  background-image: -webkit-linear-gradient(left, #2980b9, #28D9DC);
  background-image: linear-gradient(to right, #2980b9, #28D9DC);
}

.main-tittle02:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #e74c3c;
  border-image: linear-gradient(to right, #c21500 0%, #27ae60 100%);
  border-image-slice: 1;
}

@media only screen and (min-width: 1201px) {

}
 
@media only screen and (max-width: 1200px) {
      .cta-text-block  h3{
        font-size:2.0rem ;
        line-height: 3.0rem;
       }
     .cta-text-block  h3 > span{
        font-size:1.5rem;
       }
      
      .cta-text-block .cta-call-phone{
        font-size: 4.0rem;
       }
      
      .cta-text-block .cta-description{
           font-size:0.8rem;
       }
      
      .btn-primary.btn-gradient,
      .btn-primary.btn-gradient02 {
          padding: 0 40px;
       }
}

@media only screen and (max-width: 992px) {
  
  .ribbon15-text{
       line-height: 1.75em;
  }
  .sm-mb{
     margin-bottom: 10px!important;
  }
  
  .sm-mb50{
     margin-bottom: 50px!important;
  }

  .photoWrap{
      position: relative;
      overflow: hidden;
      width: auto;
      height: 300px;
      margin-top: 50px;
       margin-bottom: -70px;
   }
   
    .photoWrap img{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
   }

}

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

}

@media only screen and (max-width: 576px) {
  .cta-text-block  h3{
        font-size:1.8rem ;
        line-height: 2.2rem;
    }
    
   .cta-text-block  h3 > span{
        font-size:1.35rem;
    }
    
     .cta-text-block .cta-call-phone{
        font-size: 2.7rem;
       }
     .main-tittle-w{
        font-size: 20px;
     }
     .cta-text-block .main-tittle {
        margin-bottom: 25px!important;
      }

}

@media only screen and (max-width: 480px) {
     .ribbon15-text{
        font-size:1.0rem;
      }
    .cta-text-block .cta-call-phone{
        font-size: 2.5rem;
      }
      .main-tittle-w {
        font-size:20px !important;
      }
}

@media only screen and (max-width: 410px) {
  .ribbon15-text{
     font-size:0.9rem;
    }
    
    .main-tittle-w{
        font-size: 17px !important;
     }

}

@media only screen and (max-width: 335px) {
   .cta-text-block .cta-title-script{
     font-size:0.8rem;
    }
    
    .cta-text-block .cta-call-phone{
        font-size: 2.5rem;
      }
      
     .main-tittle-w{
        font-size: 16px !important;
     }
      
}

@media only screen and (max-width: 280px) {
    .cta-text-block .cta-call-phone{
        font-size: 2.0rem;
      }
      
     .main-tittle-w{
        font-size: 14px !important;
     }
}

/*===================================
  # Reasons to choose section ALL
====================================== */

.reasons-choose .title-hadder01 {
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif!important;
 position: relative;
 font-size: 2rem;
   font-weight: 700;
  padding: 0rem 2rem 0.2rem 140px;
  border-bottom: 2px solid #000;
}

.reasons-choose .title-hadder01 span {
  font-family: 'Raleway', sans-serif;
  font-size: 7rem;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  bottom: -1.8rem;
  left: 0;
}

.reasons-choose .choose-sub-script {
  font-size: 14px;
  font-weight: 800;
  font-family: "Heebo", sans-serif;
  margin-bottom: 35px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(left, #2980b9, #3498db);
  background: linear-gradient(to right, #2980b9, #3498db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.reasons-choose h5{
   font-size: 1.8rem;
   font-weight: 700 !important;
   margin-bottom: 15px;
}

.reasons-choose .sub-nob{
   font-size: 1.2rem;
   font-weight: 700;
   margin-bottom: 25px;
}

 .reasons-choose .title-free {
    margin-bottom:1.5rem;
   }

.reasons-choose .title-free span {
    display:inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color:#000000;
   }

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

   .reasons-choose .title-hadder01 {
         font-size: 1.75rem;
         line-height: 1;
         padding: 0rem 2rem 0.2rem 140px;
    }

    .reasons-choose .title-hadder01 span {
         font-size: 6rem;
         line-height: 1;
         bottom: -1.8rem;
    }
    .reasons-choose .sub-nob{
       font-size: 1.0rem;
     }
}

@media only screen and (max-width: 450px) {
   .reasons-choose .title-hadder01 {
         font-size: 1.5rem;
         line-height: 1;
         padding: 0rem 2rem 0.2rem 100px;
    }

    .reasons-choose .title-hadder01 span {
         font-size: 5rem;
         line-height: 1;
         bottom: -1.5rem;
    }
    
    .reasons-choose h5{
       font-size: 1.5rem;
    }
     .reasons-choose h5 .font-lage{
      font-size: 120%!important;
      }
      
      .reasons-choose .title-free span {
        font-size: 1.0rem;
      }
}

@media only screen and (max-width: 330px) {
     .reasons-choose .title-hadder01 {
         font-size: 1.3rem;
         line-height: 1;
         padding: 0rem 2rem 0.2rem 120px;
    }

    .reasons-choose .title-hadder01 span {
         font-size: 5rem;
         line-height: 1;
         bottom: -1.5rem;
    }
}

@media only screen and (max-width: 280px) {
     .reasons-choose .title-hadder01 {
         font-size: 1.2rem;
         line-height: 1;
         padding: 0rem 2rem 0.2rem 90px;
       }
        .reasons-choose .title-hadder01 span {
         font-size: 4rem;
         line-height: 1.2;
         bottom: -1.6rem;
       }
      .reasons-choose h5{
         font-size: 1.3rem;
       }
      .reasons-choose h5 .font-lage{
        font-size: 120%!important;
       }

}

/*===================================
  # Reasons to choose section 01
====================================== */
.services-section {
  position: relative;
}

.services-section.bg-overlay:before {
  background-color: rgba(255, 255, 255, 0.9);
}

.services-section > .container > .row:last-child {
  margin-bottom: -30px;
}

.services-section.style-two .services-items-list .col-lg-6:nth-child(2) {
  margin-top: -60px;
}

.services-section.style-two .section-header {
  padding-top: 40px;
}

.service-item {
  margin-bottom: 30px;
}

.service-item .services-thumb > img {
  -o-object-fit: cover;
  object-fit: cover;
}

.service-item .services-content > h3 {
  font-weight: 700;
  margin-bottom: 25px;
}

.service-item.style-one {
  background-color: #fff;
  text-align: center;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.service-item.style-one .services-content {
  padding: 50px 50px 63px;
}

.service-item.style-one .services-content > h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 31px;
  text-transform: uppercase;
  color: #000;
  font-style: italic;
}

.service-item.style-one:hover {
  box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.1);
  margin-top: -12px;
}

.service-item.style-two {
  background-color: #fff;
  box-shadow: 5px 5px 20px rgba(26, 182, 240, 0.05);
  border-radius: 10px;
  padding: 50px 50px 40px;
}

.service-item.style-two .services-thumb {
  margin-bottom: 12px;
  min-height: 60px;
}

.service-item.style-two .services-content > h3 {
  font-size: 20px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  color: #122334;
}

@media only screen and (max-width: 1200px) {
  .service-item.style-two {
    padding: 40px 30px 35px;
  }
}

@media only screen and (max-width: 992px) {
  .service-item .services-content > h3 {
    margin-bottom: 15px;
  }
  .service-item.style-one .services-content {
    padding: 40px 30px 45px;
  }
  .service-item.style-one .services-content > h3 {
    font-size: 26px;
  }
  .services-section.style-two .justify-content-between > [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .services-section.style-two .section-header {
    padding-top: 0px;
    margin-bottom: 60px;
  }
  .services-section.style-two .services-items-list {
    padding-top: 60px;
  }
  .services-section.style-two .services-items-list [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .service-item .services-thumb > img {
    width: 100%;
  }
  .service-item.style-two {
    padding: 30px 20px;
  }
  .service-item.style-two .services-thumb > img {
    width: auto;
  }
}

@media only screen and (max-width: 576px) {
  .service-item.style-one .services-content {
    padding: 35px 15px;
  }
  .service-item.style-one .services-content > h3 {
    font-size: 22px;
  }
  .services-section.style-two .services-items-list {
    padding-top: 0px;
  }
  .services-section.style-two .services-items-list [class*="col-"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .services-section.style-two .services-items-list .col-lg-6:nth-child(2) {
    margin-top: 0px;
  }
}
/*===================================
  # pricing-section
====================================== */
.pricing-section .section-header {
  margin-bottom: 50px;
}

.pricing-section .pricing-thumb-area {
  padding-top: 130px;
}

.pricing-section .filter-pricing-tab {
  margin-bottom: 95px;
}

.pricing-section .filter-pricing-tab .nav-tabs {
  background-color: #E4EDF4;
  border: 0px solid;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
}

.pricing-section .filter-pricing-tab .nav-tabs > li {
  border-right: 0px solid;
  display: inline-block;
  margin: 0 -2px;
}

.pricing-section .filter-pricing-tab .nav-tabs > li > a {
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin-right: 0;
  padding: 11px 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}

.pricing-section .filter-pricing-tab .nav-tabs > li > a.active, .pricing-section .filter-pricing-tab .nav-tabs > li > a:focus, .pricing-section .filter-pricing-tab .nav-tabs > li > a:hover {
  background-color: #37CA83;
  color: #fff;
}

.pricing-table-list {
  margin: 0;
}

.pricing-table-list > div {
  padding: 0px;
}

.pricing-table-list .pricing-box {
  padding: 40px 50px 45px;
  box-shadow: 5px 5px 50px rgba(26, 182, 240, 0.1);
  border-radius: 5px;
}

.pricing-table-list .pricing-box .pricing-header {
  text-align: center;
}

.pricing-table-list .pricing-box .pricing-header .package-type {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.pricing-table-list .pricing-box .pricing-header .package-price {
  margin-bottom: 40px;
}

.pricing-table-list .pricing-box .pricing-header .package-price > h3 {
  color: #3c424d;
  font-size: 18px;
  font-weight: 700;
}

.pricing-table-list .pricing-box .pricing-header .package-price > h3 > sub {
  bottom: 0;
  display: inline-block;
  font-size: 13px;
  padding-left: 7px;
}

.pricing-table-list .pricing-box .pricing-content {
  margin-bottom: 30px;
}

.pricing-table-list .pricing-box .pricing-content > ul > li {
  color: #5c6b83;
  font-size: 14px;
  padding: 7px;
}

.pricing-table-list .pricing-box .pricing-content > ul > li.disabled span {
  color: #ababab;
  display: inline-block;
  text-decoration: line-through;
}

.pricing-table-list .pricing-box .pricing-content > p {
  color: #5c6b83;
  font-size: 13px;
  line-height: 1.5rem;
}

.pricing-table-list .pricing-box .pricing-footer {
  padding: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.pricing-table-list .pricing-box .pricing-footer > .btn-plan {
  border-color: #0e70f5;
  color: #0e70f5;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  width: 100%;
}

.pricing-table-list .pricing-box .pricing-footer > .btn-plan:hover, .pricing-table-list .pricing-box .pricing-footer > .btn-plan:focus {
  background-color: #0e70f5;
  color: #fff;
}

.pricing-table-list .pricing-box.active {
  border: 2px solid #37CA83;
  margin-top: -30px;
  padding-bottom: 73px;
  padding-top: 68px;
}

.pricing-table-list .pricing-box.active .pricing-footer > .btn-plan {
  border-color: #0e70f5;
  background-color: #0e70f5;
  color: #fff;
}

.pricing-table-list .pricing-box.active .pricing-footer > .btn-plan:hover, .pricing-table-list .pricing-box.active .pricing-footer > .btn-plan:focus {
  background-color: #fff;
  color: #0e70f5;
}

.head_tittol01-wrap {
        padding-bottom:  20px;/* 余白指定 */
}

.head_tittol01 {
        margin:  0;               
        position:  relative;  
        font-weight:700;
        line-height: 1.75em;  
        font-size: 1.75rem; 
        text-align:  center; 
        margin:  20px 0;
        background-color:  #fff;  
}

     
.head_tittol01:before {
        content: '';                /* 空の要素を作る */
        height: 150px;              /* 高さ指定 */
        width: 150px;               /* 幅指定 */
        border:  solid 1px #000;    /* 枠線指定 */
        display:  block;            /* ブロック要素にする */
        position:  absolute;        /* 位置調整 */
        left:  0;                   /* 位置調整 */
        right:  0;                  /* 位置調整 */
        top: 0;                     /* 位置調整 */
        bottom:  0;                 /* 位置調整 */
        margin:  auto;              /* 位置調整 */
        z-index: -1;                /* 重なり調整 */
}

.sub-tittle{
   display:block;
   font-size: 25px ;
   line-height: 1.35em !important;
   margin-bottom:50px;
    font-weight:  700;
}
.sub-tittle > span{
  font-size: 35px ;
}

.sub-tittle02{
   font-family: 'Raleway', sans-serif!important;
   display:block;
   font-size:4.5rem ;
   line-height: 0.65em !important;
   margin:0 auto;
   margin-bottom:1.75rem;
   font-weight:  300;
   color: #000;
   text-align: center;
   width: 150px;  
   border-bottom: 2px solid #000;
}
.sub-tittle02-under{
  text-align: center;
  font-size: 2.5rem;
  font-weight:  700;
}

@media only screen and (max-width: 1200px) {
  .pricing-table-list .pricing-box {
    padding: 30px 20px 35px;
  }
  .pricing-table-list .pricing-box .pricing-header .package-price {
    margin-bottom: 25px;
  }
  .pricing-table-list .pricing-box .pricing-header .package-price > h3 {
    font-size: 16px;
  }
  .pricing-table-list .pricing-box.active {
    margin-top: -25px;
    padding-bottom: 65px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .pricing-section .filter-pricing-tab {
    margin-bottom: 50px;
  }
  .pricing-table-list {
    margin-bottom: -30px;
  }
  .pricing-table-list [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    min-width: 50%;
  }
  .pricing-table-list .pricing-box {
    margin-bottom: 30px;
  }
  .pricing-table-list .pricing-box .pricing-header .package-price > h3 {
    font-size: 16px;
  }
  .pricing-table-list .pricing-box.active {
    margin-top: 0;
    padding-bottom: 33px;
    padding-top: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .pricing-table-list [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 100%;
  }
  
  .head_tittol01 {
    line-height: 2.35rem;  
    font-size: 1.5rem; 
   }
   
   .sub-tittle02-under{
     font-size: 2rem;
   }
}

@media only screen and (max-width: 576px) {
.head_tittol01-wrap {
        padding-bottom:  20px;/* 余白指定 */
   }

.head_tittol01 {         
        line-height: 2.0rem;  
        font-size: 1.25rem; 
   }

     
.head_tittol01:before {
        height: 125px;              /* 高さ指定 */
        width: 125px;               /* 幅指定 */
        border:  solid 1px #000;    /* 枠線指定 */
  }

}

@media only screen and (max-width: 380px) {
.head_tittol01 {         
        line-height: 1.75rem;  
        font-size: 1.0rem; 
   }

     
.head_tittol01:before {
        height: 100px;              /* 高さ指定 */
        width: 100px;               /* 幅指定 */
        border:  solid 1px #000;    /* 枠線指定 */
  }
}

/*===================================
  # Process Section
====================================== */
.our-process-section {
  position: relative;
}

.our-process-section.style-one .process-main-content {
  position: relative;
}

.our-process-section.style-one .process-main-content .bg-line {
  height: 250px;
  left: 0;
  position: absolute;
  top: -30px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.our-process-section.style-one .process-list > div:nth-child(1) {
  margin-top: 135px;
}

.our-process-section.style-one .process-list > div:nth-child(2) {
  margin-top: 38px;
}

.our-process-section.style-one .process-list > div:nth-child(3) {
  margin-top: 83px;
}

.our-process-section.style-one .process-list > div:nth-child(4) {
  margin-top: -22px;
}

.our-process-section.style-one .single-process {
  padding-right: 70px;
}

.our-process-section.style-one .single-process .process-no {
  background-color: #0e70f5;
  border: 5px solid #81b5fa;
  border-radius: 50%;
  color: #fff;
  float: left;
  font-size: 25px;
  height: 60px;
  line-height: 54px;
  margin-bottom: 27px;
  text-align: center;
  width: 60px;
}

.our-process-section.style-one .single-process > h2 {
  color: #3c424d;
  font-size: 19px;
  font-weight: lighter;
  margin-bottom: 27px;
}

.our-process-section.style-one .single-process > p {
  font-size: 15px;
}

.our-process-section.style-two {
  overflow: hidden;
}

.our-process-section.style-two .process-content-area {
  background-repeat: no-repeat;
  background-position: 20% center;
  margin-left: -245px;
}

.our-process-section.style-two .single-process {
  border-radius: 7px;
  color: #fff;
  padding: 30px;
  width: 250px;
}

.our-process-section.style-two .single-process > h4,
.our-process-section.style-two .single-process > .process-no {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5em;
}

.our-process-section.style-two .single-process > .process-no {
  margin-bottom: 45px;
}

.our-process-section.style-two .single-process > p {
  margin-top: 25px;
}

.our-process-section.style-two .process-list {
  overflow: hidden;
  position: relative;
}

.our-process-section.style-two .process-list .process-block {
  overflow: hidden;
}

.our-process-section.style-two .process-list .process-block:nth-child(1) {
  margin-left: -130px;
}

.our-process-section.style-two .process-list .process-block:nth-child(1) > div {
  margin: 0 auto;
}

.our-process-section.style-two .process-list .process-block:nth-child(2) {
  margin-top: -20px;
}

.our-process-section.style-two .process-list .process-block:nth-child(2) > div {
  float: right;
}

.our-process-section.style-two .process-list .process-block:nth-child(3) {
  margin-left: 140px;
  margin-top: 75px;
}

.our-process-section.style-two .process-list .process-block:nth-child(3) > div {
  margin: 0 auto;
}

.our-process-section.style-two .process-list .process-block:nth-child(4) {
  left: 0;
  margin-top: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 1620px) {
  .our-process-section.style-one .process-list > div:nth-child(1) {
    margin-top: 105px;
  }
  .our-process-section.style-one .process-list > div:nth-child(4) {
    margin-top: 3px;
  }
  .our-process-section.style-one .single-process {
    padding-right: 25px;
  }
  .our-process-section.style-two .process-content-area {
    margin-left: -55px;
    margin-right: -80px;
  }
}

@media only screen and (max-width: 1200px) {
  .our-process-section.style-one .process-list > div:nth-child(1) {
    margin-top: 63px;
  }
  .our-process-section.style-one .process-list > div:nth-child(2) {
    margin-top: 45px;
  }
  .our-process-section.style-one .process-list > div:nth-child(4) {
    margin-top: 30px;
  }
  .our-process-section.style-one .single-process {
    padding-right: 0px;
  }
  .our-process-section.style-two {
    padding-bottom: 80px;
  }
  .our-process-section.style-two .justify-content-between.align-items-center > .col-lg-6 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .our-process-section.style-two .justify-content-between.align-items-center > .col-lg-5 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .our-process-section.style-two [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    min-width: 80%;
    margin: 0 auto;
  }
  .our-process-section.style-two .process-content-area {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .our-process-section.style-one .process-main-content .bg-line {
    display: none;
  }
  .our-process-section.style-one .process-main-content .process-list {
    margin-bottom: -40px;
  }
  .our-process-section.style-one .process-main-content .process-list [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    min-width: 50%;
    margin-top: 0 !important;
    margin-bottom: 40px;
  }
  .our-process-section.style-two {
    padding-bottom: 55px;
  }
  .our-process-section.style-two .justify-content-between.align-items-center > [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .our-process-section.style-two .single-process {
    padding: 20px;
  }
  .our-process-section.style-two .single-process > .process-no {
    margin-bottom: 20px;
  }
  .our-process-section.style-two .single-process > h2 {
    font-size: 16px;
    line-height: 1.4em;
  }
}

@media only screen and (max-width: 768px) {
  .our-process-section.style-one .process-main-content .process-list [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 100%;
  }
  .our-process-section.style-one .single-process .process-no {
    margin-bottom: 20px;
  }
  .our-process-section.style-one .single-process > h2 {
    margin-bottom: 15px;
  }
  .our-process-section.style-two .process-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }
  .our-process-section.style-two .process-list > .process-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 10px);
    flex: 1 1 calc(50% - 10px);
    margin: 5px !important;
  }
  .our-process-section.style-two .process-list > .process-block:nth-child(4) {
    position: relative;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@media only screen and (max-width: 576px) {
  .our-process-section.style-two .process-list {
    display: block;
    margin: 0px 0 -30px;
  }
  .our-process-section.style-two .process-list > .process-block {
    margin: 0px 0 30px !important;
  }
  .our-process-section.style-two .process-list > .process-block .single-process {
    width: 100%;
  }
}

  .badge-tag {
    display:inline-block;
    padding: 0.3em 0.8em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
    .badge:empty {
        display: none;
    }
    
 .badge-tag-info {
    background-color: #5bc0de;
}
/*===================================
  # FAQ Section
====================================== */

.faq-section.style-one {
  background: -webkit-linear-gradient(top, #EAF5F9, #fff);
  background: linear-gradient(to bottom, #EAF5F9, #fff);
}

.faq-section.style-one .section-header.style-seven {
  padding-bottom: 35px;
}

.faq-section.style-one .faq-question-item {
  margin-bottom: -30px;
}

.faq-section.style-one .single-faq {
  margin-bottom: 30px;
}

.faq-section.style-one .single-faq .card-header {
  background-color: #fff;
  border-bottom: 0 solid;
  border-radius: 0;
  box-shadow: 5px 5px 20px rgba(26, 182, 240, 0.05);
  padding: 22px 40px;
}

.faq-section.style-one .single-faq .card-header > h2 {
  margin-bottom: 0;
}

.faq-section.style-one .single-faq .card-header > h3 .btn-link {
  position: relative;
  border: 0px solid;
  color: #122334;
  font-size: 18px;
  font-weight: 400;
  padding: 0;
  display: block;
  width: 100%;
  text-align: left;
}

.faq-section.style-one .single-faq .card-header > h3 .btn-link:hover, .faq-section.style-one .single-faq .card-header > h3 .btn-link:focus {
  color: #1ab6f0;
  text-decoration: none;
}

.faq-section.style-one .single-faq .card-header > h3 .btn-link:before {
  content: "";
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: -4px;
  color: #122334;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.faq-section.style-one .single-faq .card-header > h3 .btn-link[aria-expanded="true"]:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq-section.style-one .single-faq .card-body {
  font-size: 18px;
  font-weight: lighter;
  line-height: 2em;
  padding: 32px 10px 20px 10px;
}

.faq-section.style-two .faq-question-items {
  margin-bottom: -60px;
}

.faq-section.style-two .single-faq {
  margin-bottom: 60px;
  overflow: hidden;
}

.faq-section.style-two .single-faq .icon {
  background-color: rgba(52, 152, 219,0.5);
  border: 5px solid rgba(52, 152, 219,1.0);
  border-radius: 50%;
  color: #fff;
  float: left;
  height: 60px;
  line-height: 50px;
  margin-right: 30px;
  text-align: center;
  width: 60px;
}

.faq-section.style-two .single-faq .question-body {
  overflow: hidden;
}

.bulging-icon-img{
  height: 35px;
   width: 35px;
}

.faq-section.style-two .single-faq .question-body > h3 {
  color: #3c424d;
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0 25px;
}

@media only screen and (max-width: 992px) {
  .faq-section.style-one .section-header.style-seven {
    padding-bottom: 20px;
  }
  .faq-section.style-one .single-faq .card-header {
    padding: 15px 20px;
  }
  .faq-section.style-one .single-faq .card-header > h2 .btn-link {
    font-size: 17px;
  }
  .faq-section.style-one .single-faq .card-header > h2 .btn-link:before {
    font-size: 20px;
    top: -3px;
  }
  .faq-section.style-one .single-faq .card-body {
    font-size: 16px;
    line-height: 1.8em;
    padding: 25px 20px 5px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section .faq-question-items {
    margin-bottom: -45px;
  }
  .faq-section.style-two .single-faq {
    margin-bottom: 45px;
  }
  .faq-section.style-two .single-faq .icon {
    margin-right: 20px;
  }
  .faq-section.style-one .single-faq .card-body {
     font-size: 16px;
  }
  .faq-section.style-two .single-faq .question-body > h3 {
    margin: 5px 0 15px;
  }
}
/*===================================
  # popular-brands-section
====================================== */

.popular-brands-section .style-two .style-three .section-header .style-nine .section-title-wrap{

}

.popular-brands-section .section-title-wrap-header  h3{
   font-size:50px;
    line-height:1.5em;
    font-weight: 700;
}
.popular-brands-section .section-title-wrap-header  h3 > span{
  font-size:150%;
}

.popular-brands-section .section-title-wrap-header  h4{
   font-size:30px;
}

.popular-brands-section .section-title-wrap-header  h5{
   font-size:45px;
}

.popular-brands-section .title {
  color: #1463f4;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 32px;
  text-align: center;
}

.popular-brands-section .owl-carousel .owl-item {
  display: table;
  height: 90px;
}

.popular-brands-section .brands-link {
  cursor: pointer;
  display: table-cell;
  height: 80px;
  vertical-align: middle;
  width: 100%;
}

.popular-brands-section .brands-link img {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  margin: 0 auto;
}

.popular-brands-section .brands-link:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.popular-brands-section.style-two > div {
  padding-top: 5px;
}

.popular-brands-section.style-two .brands-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #E6F2F6;
  border-left: 1px solid #E6F2F6;
}

.popular-brands-section.style-two .brands-list > .brands-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 135px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-right: 1px solid #E6F2F6;
  border-top: 1px solid #E6F2F6;
}

.popular-brands-section.style-two.style-three .brands-list {
  border-bottom: 0px solid;
  border-left: 0px solid;
  padding-top: 12px;
}

.popular-brands-section.style-two.style-three .brands-list > .brands-link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  min-height: 156px;
  border-right: 0px solid;
  border-top: 0px solid;
}

.sc-ser-bg {
  background-repeat: no-repeat;
  background-position:center center;    
  background-size:cover;                         
   width:100%;    
}

.all-title-script {
  font-size: 12px;
  font-weight: 800;
  font-family: "Heebo", sans-serif;
  margin-bottom: 35px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(left, #2980b9, #3498db);
  background: linear-gradient(to right, #2980b9, #3498db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.popular-brands-section.style-two.style-three .brands-link > .brands-link-inner h6{
    font-size: 12px;
    font-weight: bold;
    font-feature-settings: "palt";
    margin-top: 15px;
  }
  
.popular-brands-section.style-two.style-three .brands-link > .brands-link-inner{
   padding-left:20px;
   padding-right:20px;
   }

@media only screen and (max-width: 1200px) {
  .popular-brands-section .section-title-wrap-header  h3{
     font-size:38px;
   }
   .popular-brands-section .section-title-wrap-header  h4{
   font-size:28px;
   }
}

@media only screen and (max-width: 992px) {
  .popular-brands-section.style-two {
    padding-top: 20px;
  }
  .popular-brands-section .section-title-wrap-header  h3{
     font-size:32px;
   }
  .popular-brands-section.style-two .brands-list > .brands-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
  }
  .popular-brands-section.style-two.style-three {
    padding-top: 100px;
  }
  .popular-brands-section.style-two.style-three .brands-list {
    padding-top: 0px;
  }
  .popular-brands-section.style-two.style-three .brands-list > .brands-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    min-height: 130px;
  }
}

@media only screen and (max-width: 768px) {
  .popular-brands-section.style-two {
    padding-top: 30px;
  }
  .popular-brands-section.style-two .brands-list > .brands-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    min-height: 110px;
  }
  .popular-brands-section.style-two .brands-list > .brands-link > div {
    padding: 0 15px;
  }
  .popular-brands-section.style-two.style-three .brands-list > .brands-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    min-height: 110px;
  }
}

@media only screen and (max-width: 576px) {
  .popular-brands-section .section-title-wrap-header  h3{
     font-size:27px;
   }
   .popular-brands-section .section-title-wrap-header  h4{
   font-size:25px;
   }
   
   .popular-brands-section.style-two.style-three .brands-link > .brands-link-inner{
   padding-left:15px;
   padding-right:15px;
   }
}

@media only screen and (max-width: 470px) {
  .popular-brands-section .section-title-wrap-header  h3{
     font-size:28px;
   }
   .popular-brands-section .section-title-wrap-header  h4{
   font-size:20px;
   }
}

@media only screen and (max-width: 441px) {
  .popular-brands-section .section-title-wrap-header  h3{
     font-size:28px;
      }
   .t-br{
     	content: "\A" ;
	white-space: pre ;
      }
   .popular-brands-section .section-title-wrap-header  h5{
   font-size:30px;
    }
}
@media only screen and (max-width: 404px) {

}
/* typing Animation-js */
.c-text-type-title{
  display: block;
}
.c-text-type-title::after {
content: "|";
-webkit-animation: blink 1s infinite;
animation: blink 1s infinite;
}
 
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}






/*===================================
  # Our Story Section
====================================== */

.our-story-section {
  overflow: hidden;
}

.our-story-section .section-header {
  margin-bottom: 115px;
}

.our-story-section .story-content {
  position: relative;
  padding-top: 90px;
}

.our-story-section .story-content:before {
    background: linear-gradient(222deg, #aaeefd, #d4e6ff);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 7s ease infinite;
    -moz-animation: AnimationName 7s ease infinite;
    animation: AnimationName 7s ease infinite;
  content: "";
  height: calc(100% - 60px);
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% - 105px);
  
}
 @-webkit-keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}

.our-story-section .story-content .mission-quote {
  border-top: 1px solid #dbe6f0;
  padding-top: 50px;
  margin-top: 45px;
}

.our-story-section .story-content .mission-quote > .info {
  font-size: 19px;
  font-weight: lighter;
  line-height: 1.92em;
  margin-top: -8px;
  padding-left: 90px;
  color: #3c424d;
}



.our-story-section .story-content .story-thumb-area .thumbnail {
  margin-top: 100px;
  padding-right:50px;
}

@media only screen and (max-width: 1280px) {
  .our-story-section .section-header {
    margin-bottom: 70px;
  }
  .our-story-section .story-content {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .our-story-section .story-content {
    padding-top: 0px;
  }
  .our-story-section .story-content .col-lg-4 {
    -webkit-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    max-width: 40%;
  }
  .our-story-section .story-content .headline {
    margin-bottom: 25px;
  }
  .our-story-section .story-content .mission-quote {
    margin-top: 30px;
    padding-top: 40px;
  }
  .our-story-section .story-content .mission-quote > .info {
    font-size: 17px;
    line-height: 1.7em;
    padding-left: 60px;
  }
}

@media only screen and (max-width: 992px) {
  .our-story-section .story-content:before {
    background-color: transparent;
  }
  .our-story-section .story-content .col-lg-4 {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .our-story-section .story-content .story-thumb-area .thumbnail {
    margin-top: 0px;
    margin-bottom: 60px;
    padding-right:0;
  }
}
/*===================================
  # features-items-list
====================================== */
.features-items-list {
  margin-bottom: -55px;
}

.features-item .features-content h3 {
  font-size: 25px;
  font-weight: lighter;
  margin-bottom: 30px;
}

.features-icon-center {
  text-align: center;
}

.features-item {
  margin-bottom: 50px;
  padding-right: 50px;
}

.features-item .features-icon {
  margin-bottom: 38px;
  min-height: 70px;
}

.feature-thumb-area {
  margin-top: 30px;
}

.feature-thumb-area > .feature-thumb {
  bottom: -80px;
  position: relative;
}



@media only screen and (max-width: 1280px) {
  .feature-thumb-area {
    margin-top: 10px;
  }
}

/*===================================
  # Why Choose Us
====================================== */
 .section-title-h3{
   font-size: 1.8rem;
  line-height: 1.5em;
  font-weight: 100;
  margin-bottom: 20px;
  color: #2e3642;
 }
 
 .why-choose-us .features-items-list .features-item .features-content p{
   font-size: 0.8rem;
   font-family: "Heebo", sans-serif !important;
   font-weight:  800 !important;
 }
 
  .section-title-h3 > .md-size{
   font-size: 70%;
  }
.section-title-h3-en-point {
 display:  block;
 font-size:  1.0rem; 
 margin-top:  10px; 
 margin: 10px auto 0; 
 }
 
 .cycle-img{
  max-width: 500px;
  max-height:500px;
}

.features-item.style-five {
  text-align: center;
  padding: 0 20px;
}


.why-choose-us .features-items-list .card{
  border: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.why-choose-us .features-items-list .card .card-header{
   font-size: 1.75rem; 
    line-height: 1.75rem;
   color:#fff;
   font-weight: 700;
    border: none;
    padding-top:15px;
}

.tags-num01,
.tags-num02,
.tags-num03  {
  color: #fff;
  font-weight: 700;
 font-size: 30px; 
  width: 70px;
  height:70px;
  background-color:  transparent;
  line-height: 4.55rem;
  border-radius: 50%;
  margin: 0 auto 30px;
}

.tags,.tags-num01{
 background: #fa991e;
}
.tags-font01{
 color: #fa991e !important;
}

.tags02,.tags-num02{
 background: #01acbe ;
}
.tags-font02{
 color:#01acbe !important;
}

.tags03,.tags-num03{
 background: #bd3a97;
}
.tags-font03{
 color: #bd3a97 !important;
}

.tags-img > img{
  width: 150px;
  height:150px;
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  . warp-lg > img{
    margin-top: 25px  !important;
    }
}

@media only screen and (max-width: 768px) {
 .section-title-h3{
     font-size: 1.35rem;
     line-height: 1.5em;
     font-weight: 700;
 }
}

@media only screen and (max-width: 440px) {
 .section-title-h3{
     font-size: 1.15rem;
     line-height: 1.5em;
     font-weight: 700;
 }
}

/*===================================
  # policy-section
====================================== */

.policy-section .section-header .section-title{
    font-size: 3.5rem;
}

@media only screen and (max-width: 992px) {
   .policy-section .section-header .section-title{
      font-size: 3.0rem;
   }
}

@media only screen and (max-width: 768px) {
   .policy-section .section-header .section-title{
      font-size: 2.8rem;
   }
}

@media only screen and (max-width: 576px) {
   .policy-section .section-header .section-title{
      font-size: 2.4rem;
   }
}

@media only screen and (max-width:320px) {
   .policy-section .section-header .section-title{
      font-size: 2.0rem;
   }
}

/*===================================
  # icons
====================================== */

.icon-wapper{
    margin: 0 auto ;
    text-align: center;
}

 .operator-icon01{
     height: 100px;
     width: 100px;
     margin-bottom:10px !important;
 }
 
 .icon-wapper80{
    margin: 0 auto ;
    text-align: center;
    margin-bottom:30px !important;
}

 .icon80{
     height: 80px;
     width: 80px;
 }
 
 .bulging-icon-img{
  height: 35px;
   width: 35px;
}

/*===================================
  # purchase-area
====================================== */

.features-items-list .features-item .features-icon{
    margin: 0 auto ;
    text-align: center;
 }
 .track-icon-img{
     height: 300px;
     width: 300px;
     margin-bottom:10px !important;
 }
 
 .features-content p {
     font-size: 12px;
 }
 
 @media only screen and (max-width: 320px) {
   .purchase-area .section-title{
        font-size: 26px;
        font-weight: bold;
    }
 }
 
  /*===================================
  # testimonial-section
====================================== */
.testimonial-section.bg-overlay:before {
  background-color: rgba(0, 0, 0, 0.8);
}

.testimonial-section.style-two {
  background-position: bottom center;
  background-size: contain;
}

.single-testimonial .client-thumb {
  border-radius: 50%;
  margin: 0 auto 52px;
  text-align: center;
}

.single-testimonial .client-thumb > img {
  border-radius: 50%;
  height: 70px;
  width: 70px !important;
}

.single-testimonial .info > p {
  font-size: 26px;
  font-weight: lighter;
}

.single-testimonial .info > .name {
  font-size: 14px;
  padding-top: 20px;
  margin-bottom: 0;
  font-weight: 700;
}

.testimonial-carousel.style-one .single-testimonial .client-thumb {
  height: 80px;
  width: 80px;
  border: 2px solid #F1720B;
}

.testimonial-carousel.style-one .single-testimonial .client-thumb > img {
  margin-left: 3px;
  margin-top: 3px;
}

.testimonial-carousel.style-one .single-testimonial .info > p {
  color: #fff;
}

.testimonial-carousel.style-one .single-testimonial .info > .name {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-style: italic;
  text-transform: uppercase;
}

.testimonial-carousel.style-two {
  background-color: #fff;
  padding: 25px 100px 60px;
  margin-bottom: 60px;
  box-shadow: 30px 30px 80px rgba(26, 182, 240, 0.05);
  border-radius: 10px;
}

.testimonial-carousel.style-two .single-testimonial .client-thumb {
  margin-bottom: 35px;
}

.testimonial-carousel.style-two .single-testimonial .client-thumb > img {
  height: 90px;
  width: 90px !important;
  margin: 0 auto;
}

.testimonial-carousel.style-two .single-testimonial .info > .name {
  color: #122334;
  text-transform: capitalize;
  padding-top: 10px;
}

.testimonial-carousel.style-two .single-testimonial .info > .designation {
  font-size: 14px;
  color: #6a6a7a;
  font-weight: normal;
  margin-top: 15px;
}

.testimonial-carousel.style-two.carousel-nav-dots .owl-dots {
  padding-top: 30px;
}

.testimonial-carousel.style-two.carousel-nav-dots .owl-dots > div > span {
  background-color: #D9E6E9;
}

.testimonial-carousel.style-two.carousel-nav-dots .owl-dots > div.active > span {
  background: -webkit-linear-gradient(left, #19B3F2, #28D9DD);
  background: linear-gradient(to right, #19B3F2, #28D9DD);
}

.testimonial-carousel-2 .single-testimonial {
  background-color: #fff;
  border-radius: 5px;
  padding: 60px 60px 60px 50px;
}

.testimonial-carousel-2 .single-testimonial .client-thumb {
  float: left;
  height: 90px;
  margin-bottom: 0;
  margin-right: 40px;
  width: 90px;
}

.testimonial-carousel-2 .single-testimonial .client-thumb > img {
  height: 80px;
  width: 80px !important;
}

.testimonial-carousel-2 .single-testimonial .info {
  overflow: hidden;
  position: relative;
  padding-top: 83px;
}

.testimonial-carousel-2 .single-testimonial .info .quote {
  font-size: 192px;
  left: -12px;
  position: absolute;
  top: 72px;
  color: #c2cad8;
  font-weight: lighter;
}

.testimonial-carousel-2 .single-testimonial .info > p {
  font-size: 19px;
  color: #3c424d;
}

.testimonial-carousel-2 .single-testimonial .info > .name {
  font-size: 16px;
  color: #3c424d;
  padding-top: 13px;
}

.testimonial-carousel-2 .single-testimonial .info .designation {
  color: #5c6b83;
  margin-bottom: 0;
  margin-top: 13px;
}

.testimonial-carousel-2.carousel-nav-dots .owl-dots {
  padding-top: 75px;
}

.testimonial-carousel-2.carousel-nav-dots .owl-dots > div {
  background-color: #BDCBD6;
}

.testimonial-carousel-2.carousel-nav-dots .owl-dots > div.active > span {
  background-color: #0E70F5;
}

@media only screen and (max-width: 1280px) {
  .testimonial-carousel-2 .single-testimonial {
    padding: 50px 40px;
  }
  .testimonial-carousel-2 .single-testimonial .client-thumb {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .testimonial-carousel.style-two {
    padding: 20px 30px 50px;
    margin-bottom: 0px;
  }
  .single-testimonial .info > p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 992px) {
  .single-testimonial .info > p {
    font-size: 20px;
  }
  .testimonial-carousel-2.carousel-nav-dots .owl-dots {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .single-testimonial .client-thumb {
    margin: 0 auto 35px;
  }
  .single-testimonial .info > p {
    font-size: 17px;
  }
  .single-testimonial .info > .name {
    padding-top: 10px;
  }
  .testimonial-carousel.style-two {
    padding: 0 20px 30px;
  }
  .testimonial-carousel.style-two.carousel-nav-dots .owl-dots {
    padding-top: 15px;
  }
  .testimonial-carousel-2 .single-testimonial {
    padding: 40px 20px;
  }
  .testimonial-carousel-2 .single-testimonial .info {
    padding-top: 60px;
  }
  .testimonial-carousel-2 .single-testimonial .info .quote {
    font-size: 140px;
    left: -6px;
    top: 57px;
  }
}

@media only screen and (max-width: 480px) {
  .testimonial-carousel-2 .single-testimonial .client-thumb {
    float: none;
    margin: 0px auto 25px;
  }
}

/*-------------------------------------------------
    [ ## Carousel Nav Dots ]
*/
.carousel-nav-dots .owl-dots {
  margin-bottom: -5px;
  text-align: center;
  padding-top: 45px;
}

.carousel-nav-dots .owl-dots.disabled {
  display: block;
}

.carousel-nav-dots .owl-dots > div {
  display: inline-block;
  margin: 0 8px;
  border-radius: 50%;
}

.carousel-nav-dots .owl-dots > div > span {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: block;
  height: 10px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 10px;
}

.carousel-nav-dots .owl-dots > div.active > span {
  background-color: #fff;
}
 /*===================================
  # parallax Section
====================================== */
.parallax-menu-section.style-two .parallax-menu-header .parallax-header {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 {
  color: #fff;
  font-size: 50px;
  font-weight:700;
  line-height: 1.35em !important;
  margin-bottom: 0;
  margin-top: 15px;
}

.parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 >span{
 font-size: 2.0rem;
}

.parallax-menu-section.style-two .parallax-menu-content .col-lg-8 .row {
  margin: 0 -35px;
}

.parallax-menu-section.style-two .parallax-menu-content .col-lg-8 .row > div {
  padding: 0 35px;
}

@media only screen and (max-width: 1200px) {
  .parallax-menu-content .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .parallax-menu-section.style-two:first-child .parallax-menu-header {
    padding: 50px 0;
  }
  .parallax-menu-section.style-two:first-child .parallax-menu-header .parallax-header > h3 {
    font-size: 50px;
  }
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 >span{
 font-size: 1.8rem;
}
}

@media only screen and (max-width: 992px) {
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header {
    min-height: 300px;
  }
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 {
    font-size: 36px;
  }
  .parallax-menu-section.style-two .headline {
    font-size: 32px;
    margin: 20px 0 40px;
  }
  .parallax-menu-section.style-two:first-child .parallax-menu-header {
    padding: 0px;
  }
  .parallax-menu-section.style-two:first-child .parallax-menu-header .parallax-header > h3 {
    font-size: 40px;
    margin-top: 0px;
  }
    .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 >span{
 font-size: 1.7rem;
}
}

@media only screen and (max-width: 768px) {
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 >span{
 font-size: 1.2rem;
}
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header {
    min-height: 250px;
  }
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 {
    font-size: 28px;
    margin-top: 10px;
  }
  .parallax-menu-section.style-two .headline {
    font-size: 30px;
    margin: 0 0 30px;
  }
  .parallax-menu-section.style-two:first-child .parallax-menu-header .parallax-header > h2 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 576px) {
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header {
    min-height: 200px;
  }
  .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 {
    font-size: 23px;
  }
  .parallax-menu-section.style-two:first-child .parallax-menu-header .parallax-header > h3 {
    font-size: 30px;
  }
    .parallax-menu-section.style-two .parallax-menu-header .parallax-header > h3 >span{
 font-size: 1.25rem;
}
  .parallax-menu-section.style-two .headline {
    margin: 0 0 20px;
  }
}
/*===================================
  # cta-sub Section
====================================== */

/*-------------------------------------------------
    [ ## Book Promo Section ]
*/
.book-promo-section .book-promo-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 30px 30px 120px rgba(20, 99, 244, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 35px 100px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  min-height: 165px;
  margin-top: -97px;
}

.book-promo-section .book-promo-content .promo-info h4 {
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
  font-size: 72px;
   color: #c0392b;
  text-transform: uppercase;
  line-height: 1.13em;
  margin-bottom: 10px;
}

.book-promo-section .book-promo-content .promo-info h3 {
   font-family: 'Heebo', sans-serif;
   font-weight: 800;
  font-size: 13px;
   background: -webkit-linear-gradient(left, #2980b9, #3498db);
  background: linear-gradient(to right, #2980b9, #3498db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  line-height: 1.13em;
  margin-bottom: 10px;
}

.book-promo-section .book-promo-content .promo-info > p {
  font-size: 16px;
  color: #6e6e6e;
}

.book-promo-section .promo-btn-group {
  margin: 0 -5px;
}

.book-promo-section .promo-btn-group > .btn-primary {
  height: 50px;
  line-height: 50px;
  text-transform: none;
}

.book-promo-section .promo-btn-group .btn-book {
   margin: 5px;
   font-size: 16px;
   padding: 0 35px;
}

@media only screen and (max-width: 1200px) {
  .book-author-section .col-lg-5 {
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  
  .book-promo-section .book-promo-content .promo-info h4 {
      font-size: 45px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .book-author-section {
    padding-top: 0px;
  }
  .book-author-section .col-lg-5 {
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .book-author-section .author-thumb {
    margin-bottom: 50px;
  }
  .book-author-section .author-info {
    margin-bottom: 0px;
  }
  .book-promo-section .book-promo-content {
    padding: 50px 20px;
    display: block;
    text-align: center;
    margin-top: -120px;
  }
  .book-promo-section .book-promo-content .promo-info > h2 {
    font-size: 24px;
  }
  .book-promo-section .book-promo-content .promo-info > p {
    font-size: 14px;
  }
  .book-promo-section .book-promo-content .promo-btn-group {
    margin: 20px -5px 0;
  }
  .book-promo-section .book-promo-content .promo-btn-group .btn-primary {
    margin: 5px;
  }
}

@media only screen and (max-width: 448px) {
  .book-promo-section .promo-btn-group .btn-book {
   margin: 5px;
   font-size: 12px;
   padding: 0 15px;
   }
}

@media only screen and (max-width: 331px) {
    .book-promo-section .book-promo-content .promo-info h4 {
        font-size: 38px;
   }
}
/*===================================
  #   policy
====================================== */
.policy-section {
  overflow: hidden;
}

.policy-section .policy-btn-group {
  border-top: 1px solid #E2E2E2;
  padding-top: 35px;
  margin: -5px;
}

.policy-section .policy-btn-group > a {
  display: inline-block;
  margin: 5px;
}

.policy-section .policy-thumb-area {
  margin-right: -110px;
  position: relative;
  padding-bottom: 50px;
  overflow: hidden;
}

.policy-section .policy-thumb-area > .thumb {
  float: left;
}

.policy-section .policy-thumb-area > .thumb:nth-child(1) {
  margin-left: 70px;
}

.policy-section .policy-thumb-area > .thumb:nth-child(2) {
  position: absolute;
  top: 100px;
  right: 0;
}

@media only screen and (max-width: 1200px) {
  .policy-section .row .col-lg-4 {
    max-width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
}

@media only screen and (max-width: 992px) {
  .policy-section .row .col-lg-4 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .policy-section .policy-thumb-area {
    margin-top: 60px;
    margin-right: 0;
  }
  .policy-section .policy-thumb-area .thumb:nth-child(1) {
    margin-left: 0;
  }
}

/*===================================
  #   Footer
====================================== */
.site-footer{
  font-size: 14px;
  color: #6e6e6e;
  padding-bottom: 100px;
  text-align: center;
  padding-top: 250px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.site-footer .footer-widget-area .widget-content h3{
   font-size: 1.5rem;
   color: #000;
   font-weight: 700;
}
.site-footer .footer-widget-area .widget-content h4{
   font-size: 1.2rem;
   color: #000;
   font-weight: 700;
}
.site-footer .footer-widget-area .widget-content .widget-title  h5{
  font-family: "Heebo", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}

.site-footer .footer-logo {
  margin-bottom: 25px;
}

.site-footer .footer-widget-area .widget-content .footer-logo > img{
    width: 50%;
}

@media only screen and (max-width: 1200px) {
  .site-footer .footer-widget-area [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
  }
}

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

 .site-footer .footer-widget-area [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .site-footer {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .site-footer .footer-widget-area {
    padding-top: 165px;
  }
  .site-footer .footer-widget-area [class*=col-] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  .site-footer .footer-widget-area .widget-content h4{
   font-size: 1.0rem;
   }
}
/*===================================
  ## Scroll Top
====================================== */
.topbutton {
  color: #fff;
  bottom: 50px;
  display: block;
  height: 60px;
  line-height: 60px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 60px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
  font-size: 20px;
  background-color: #179ff6;
}

.topbutton.btn-show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.topbutton.btn-hide {
  opacity: 0;
  bottom:-9999px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  transition : all 300ms;
}

.topbutton:hover {
  color: #fff !important;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.topbutton:focus {
  color: #fff !important;
}

.home-agency .topbutton {
  background-image: linear-gradient(to right, #19b2f2, #28d9dc);
}

.home-app .topbutton {
  background-color: #2B80F5;
}

.home-book .topbutton {
  background-color: #1463f4;
}

.home-business .topbutton {
  background-color: #0E70F5;
}

.home-citytour .topbutton {
  background-color: #fd8320;
}

.home-gym .topbutton {
  background-color: #F1720B;
}

.home-personal .topbutton {
  background-color: #d6c9b7;
}

.home-restaurant .topbutton {
  background-color: #9B2E2E;
}

@media only screen and (max-width: 576px) {
  .topbutton {
    bottom: 70px;
    right: 10px;
  }
}

/*===================================
  # @background img
====================================== */

.services-bg {
  background-position: 101% 0;
  background-repeat: no-repeat;
  background-image:url("assets/images/bg/services-bg-sub01.png");
}

.bg-img {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-position:50% 50%;
  background-size:cover;
}

.bg-img-top {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-position:50% 0;
  background-size:cover;
}

.bg-img-rep {
  margin: 0;
  background-repeat: repeat;
}

.bg-img-midle {
  margin: 0;
  background-repeat: no-repeat;
  background-position:50% 0;
 background-size:cover;
}

.bg-image {
  background-position: top center;
}

.no-webp .bg-img01{
  background-image:url("assets/images/bg/section-hero15.png");
}

.webp .bg-img01{
  background-image:url("assets/images/bg/section-hero15.webp");
}

.no-webp .bg-img02{
  background-image:url("assets/images/bg/section-header01.jpg");
}

.webp .bg-img02{
  background-image:url("assets/images/bg/section-header01.webp");
}

.no-webp .bg-img03{
  background-image:url("assets/images/bg/patent.jpg");
}

.webp .bg-img03{
  background-image:url("assets/images/bg/patent.webp");
}

.no-webp .bg-img04{
  background-image:url("assets/images/bg/download02-bg.png");
}

.webp .bg-img04{
  background-image:url("assets/images/bg/download02-bg.webp");
}

.no-webp .bg-img05{
  background-image:url("assets/images/bg/process.png");
}

.webp .bg-img05{
  background-image:url("assets/images/bg/process.webp");
}

.no-webp .bg-img06{
  background-image:url("assets/images/bg/cta-middle.jpg");
}

.webp .bg-img06{
  background-image:url("assets/images/bg/cta-middle.webp");
}

.no-webp .bg-img07{
  background-image:url("assets/images/bg/building-bg.png");
}

.webp .bg-img07{
  background-image:url("assets/images/bg/building-bg.webp");
}

.no-webp .bg-img08{
  background-image:url("assets/images/bg/parallax01_sp.jpg");
}

.webp .bg-img08{
  background-image:url("assets/images/bg/parallax01_sp.webp");
}

.no-webp .bg-img09{
  background-image:url("assets/images/bg/cta-middle02.jpg");
}

.webp .bg-img09{
  background-image:url("assets/images/bg/cta-middle02.webp");
}

.no-webp .bg-img10{
  background-image:url("assets/images/bg/line.png");
}

.webp .bg-img10{
  background-image:url("assets/images/bg/line.webp");
}

.no-webp .bg-img11{
  background-image:url("assets/images/bg/bg02.jpg");
}

.webp .bg-img11{
  background-image:url("assets/images/bg/bg02.webp");
}

.no-webp .bg-img12{
  background-image:url("assets/images/bg/patent04.jpg");
}

.webp .bg-img12{
  background-image:url("assets/images/bg/patent04.webp");
}

.no-webp .bg-img13{
  background-image:url("assets/images/bg/policy-bg.png");
}

.webp .bg-img13{
  background-image:url("assets/images/bg/policy-bg.webp");
}

.no-webp .bg-img14{
  background-image:url("assets/images/bg/cta-call-01.jpg");
}

.webp .bg-img14{
  background-image:url("assets/images/bg/cta-call-01.webp");
}


/*===================================
  # open modal
====================================== */

.layer_board_bg,
.layer_board {
position: absolute;
}
.layer_board_bg {
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
left: 0;
display: none;
cursor: pointer;
background:  transparent;
}
.layer_board {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #3498db;
text-align: center;
z-index: 2000;
padding: 10px 0 0 10px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
border-radius: 10px;
min-width: 250px;
}
.layer_board p {
margin-bottom: 50px;
color: #fff;
}
.btn_close {
display: block;
text-decoration: none;
color: #fff;
text-align: center;
padding: 20px 40px;
margin: 0 auto;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  background: #3498db;
}

.btn-circle i {
  position: relative;
  top: -1px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9rem;
}

.btn-circle-lg {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 1.1rem;
}

.btn-circle-xl {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 1.3rem;
}

.layer-board-close{
  position:absolute; 
  top:-22px; 
  right:-22px; 
}

/*===================================
  # @media
====================================== */

@media only screen and (min-width: 1281px) and (max-width: 1920px) {
  .container {
    max-width: 1200px;
  }
}


@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .container {
    max-width: 1200px;
  }
  
  .mt-lgmd{
     margin: 80px !important;
  }
}

@media only screen and (max-width: 1280px) {
  .pt-180 {
    padding-top: 120px;
  }
  .ptb-180 {
    padding: 120px 0;
  }
  .pb-145 {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 1200px) {
  body {
    font-size: 15px;
  }
  .container {
    max-width: 960px;
  }
  .container .col-11 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width:993px) and (max-width: 1200px) {
.reasons-choose h5{
   font-size: 1.6rem;
   }
}
@media only screen and (min-width: 993px) {
     .md-none{
       display:none;
     }
}
@media only screen and (max-width: 992px) {
  .container {
    max-width: 720px;
  }
  .container .col-lg-4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
  }
  .container .col-lg-6,
  .container .col-lg-8,
  .container .col-lg-9,
  .container .col-lg-7,
  .container .col-lg-10,
  .container .col-10,
  .container .col-6 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .ptb-150,
  .ptb-180 {
    padding: 100px 0;
  }
  .pt-150,
  .pt-125,
  .pt-115,
  .pt-110,
  .pt-180 {
    padding-top: 100px;
  }
  .pb-150,
  .pb-145,
  .pb-120,
  .pb-100,
  .pb-110,
  .pb-250 {
    padding-bottom: 100px;
  }
  .mt-150 {
    margin-top: 100px;
  }
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
   font-size: 16px;
   padding: 0 15px;
   height: 45px;
   line-height: 45px;
  }
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  p {
    margin-bottom: 20px;
  }
  
  .container {
    max-width: 540px;
  }
  .container .col-lg-4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .ptb-150,
  .ptb-100,
  .ptb-180 {
    padding: 80px 0;
  }
  .pt-150,
  .pt-100,
  .pt-125,
  .pt-115,
  .pt-110,
  .pt-180 {
    padding-top: 80px;
  }
  .pb-150,
  .pb-145,
  .pb-120,
  .pb-110,
  .pb-100,
  .pb-250 {
    padding-bottom: 80px;
  }
  .mt-150 {
    margin-top: 80px;
  }
  .btn-default {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
  }
  .btn-prev.btn-large,
  .btn-next.btn-large {
    width: 70px;
  }
  .btn-prev.btn-large > img,
  .btn-next.btn-large > img {
    width: 18px;
  }
  .btn_links > .btn-default {
    margin: 0 5px;
  }

 .cta-line-icon{
  width:20px;
  height: auto;
  margin-right: 5px;
  line-height: 0.75rem ;
  }
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
   font-size: 15px;
   padding: 0 10px;
   height: 45px;
   line-height: 45px;
  }
}

@media only screen and (max-width: 576px) {
  .container {
    width: 100%;
  }
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
   font-size: 14px;
   padding: 0 7px;
   height: 45px;
   line-height: 45px;
  }
  
  .site-footer .footer-widget-area .widget-content h3{
   font-size: 1.3rem;
   }
.site-footer .footer-widget-area .widget-content h4{
   font-size: 0.9rem;
  }
  
  .shadow-xs{
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }
  .justext-xs{
   text-align: justify !important;
   -ms-text-justify: inter-ideograph !important;
   text-justify: inter-ideograph !important;
  }
}

@media only screen and (max-width: 450px) {
  .btn-default {
    font-size: 12px;
    padding: 0 15px;
  }
  .btn-prev.btn-large,
  .btn-next.btn-large {
    width: 50px;
  }
  .btn-prev.btn-large > img,
  .btn-next.btn-large > img {
    width: 16px;
  }
  .btn_links {
    margin: 0 -3px;
  }
  .btn_links > .btn-default {
    margin: 0 3px;
  }
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
   font-size: 15px;
   padding: 0 10px;
  }
  .cta-xs{
   display:none;
  }
}

@media only screen and (max-width: 363px) {
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
   font-size: 14px;
   padding: 0 5px;
  }
}

@media only screen and (max-width: 331px) {
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
   font-size: 13px;
   padding: 0 5px;
   border-radius: 0;
  }
}

@media only screen and (max-width: 306px) {
  .cta-line-btn,
  .cta-mail-btn,
  .cta-call-btn {
     font-size: 13px;
     padding: 0 3px;
     height: 35px;
     line-height: 34px;
     border-radius: 0;
  }
}

@media only screen and (min-width:1201px) and (max-width: 1280px) {
  .br-lg::before {
	content: "\A" ;
	white-space: pre ;
  }
}

@media only screen and (max-width: 992px) {
   .br-xl-md::before {
	   content: "\A" ;
	   white-space: pre ;
    }
}

@media only screen and (max-width: 768px) {
    .br-md-xs::before {
	   content: "\A" ;
	   white-space: pre ;
    }
}

@media only screen and (max-width: 576px) {
    .br-xs::before {
	 content: "\A" ;
	 white-space: pre ;
    }
    
    .blod-xs{
         font-weight: 700;
    }
}

@media only screen and (max-width: 450px) {
 .br-small-xs::before {
	content: "\A" ;
	white-space: pre ;
  }
}

@media only screen and (max-width: 331px) {
   .br-320::before {
	content: "\A" ;
	white-space: pre ;
  }
}

/*===================================
  # cta-area 
====================================== */
.cta-area-fixed{
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: 1030;
}