/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Consultation Section
6.  Banner Section
7.  Chooseus Section
8.  Team Section
9.  Gallery
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
  height: 100%;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  -webkit-font-smoothing: antialiased;
	letter-spacing: 2px;
	word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #807265;
  font-weight: 500;
  font-family: "kozuka-gothic-pr6n",sans-serif;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 17px;
}

p {
  font-size: 16px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #666666;
  font-weight: 400;
  line-height: 25px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}
a {
  text-decoration: none;
  outline: none;
  color: #b34d96;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: #e6a0bc;
}
ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
  margin-bottom: 45px;
  text-align: center;
}
.section-title h2 {
  color: #b34d96;
  /*letter-spacing: 4px;*/
  text-transform: uppercase;
  margin-bottom: 16px;
}

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

.spad {
  padding-top: 100px;
  padding-bottom: 50px;
}
.spad2 {
  padding-bottom: 50px;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */
.primary-btn {
  display: inline-block;
  font-size: 14px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-weight: 600;
  padding: 12px 42px 10px;
  color: #b34d96;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #e2d8f1;
}
.primary-btn:hover {
  background: #b34d96;
  color: #ffffff;
}
.primary-btn2 {
  display: inline-block;
  font-size: 18px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-weight: 600;
  padding: 12px 42px 10px;
  color: #b34d96;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #ffffff;
}
.primary-btn2:hover {
  background: #b34d96;
  color: #ffffff;
}
.site-btn {
  font-size: 14px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #b34d96;
  background: #e2d8f1;
  font-weight: 600;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  /*letter-spacing: 2px;*/
  padding: 14px 34px 12px;
}
.site-btn:hover {
  background: #b34d96;
  color: #ffffff;
}
/* Preloder */
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
.spacial-controls {
  position: fixed;
  width: 111px;
  height: 91px;
  top: 0;
  right: 0;
  z-index: 999;
}

.spacial-controls .search-switch {
  display: block;
  height: 100%;
  padding-top: 30px;
  background: #323232;
  text-align: center;
  cursor: pointer;
}

.search-model {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 99999;
}

.search-model-form {
  padding: 0 15px;
}

.search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
  border-bottom: 2px solid #999999;
  background: none;
  color: #999;
}

.search-close-switch {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*---------------------
  Header
-----------------------*/
/*.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
}*/
/*.header.header--normal {
  position: relative;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}
*/
.fixed-top {
	width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
}
.header__logo {
  padding: 20px 0;
}
.header__logo a {
  display: inline-block;
}

.header__menu {
  text-align: center;
  padding: 30px 0;
}
.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.header__menu ul li.active a:after {
  opacity: 1;
}
.header__menu ul li:hover a:after {
  opacity: 1;
}
.header__menu ul li:hover .dropdown {
  top: 30px;
  opacity: 1;
  visibility: visible;
}
.header__menu ul li:last-child {
  margin-right: 0;
}
.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 50px;
  width: 140px;
  background: #b34d96;
  text-align: left;
  padding: 2px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}
.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}
.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 20px;
  text-transform: capitalize;
}
.header__menu ul li .dropdown li a:after {
  display: none;
}
.header__menu ul li a {
  font-size: 14px;
  color: #807265;
  display: block;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
}
.header__menu ul li a.active {
  font-size: 14px;
  color: #b34d96;
}
.header__menu ul li a:hover {
  font-size: 14px;
  color: #b34d96;
}
/*.header__menu ul li a:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
  width: 5px;
  height: 5px;
  background: #b34d96;
  content: "";
  margin: 0 auto;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}*/

.header__right {
  text-align: right;
  padding: 30px 0;
}

.header__right__social {
  display: inline-block;
}
.header__right__social a {
  font-size: 16px;
  color: #b34d96;
  margin-right: 20px;
}
.header__right__social a:hover,
.header__right__social a:focus
{
  color: #e6a0bc;
}
.header__right__search {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.header__right__search::before {
  position: absolute;
  left: 0;
  top: 4px;
  height: 15px;
  width: 1px;
  background: #e1e1e1;
  content: "";
}
.header__right__search a {
  font-size: 15px;
  color: #807265;
}

.slicknav_menu {
  display: none;
}

/*---------------------
  Hero
-----------------------*/
.hero {
  height: 764px;
  padding-top: 80px;
}
.hero__text {
  max-width: 100%;
  text-align: center;
	margin: 0 auto;
	margin-top: 100px;
}
@media screen and (max-width: 768px) {
	.hero__text {
	  margin-top: 80px;
	}
}
@media screen and (max-width: 500px) {
	.hero__text {
	  margin-top: 40px;
	}
}
.hero__text h5 {
  color: #ffffff;
  text-transform: uppercase;
  /*letter-spacing: 2px;*/
  margin-top: 14px;
  margin-bottom: 30px;
}
.hero__text h1 {
  font-size: 48px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.hero__text h2 {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.hero__text p {
  font-size: 17px;
  margin-bottom: 0;
}

/*---------------------
  Services
-----------------------*/
.services {
  background: #f7f6f1;
  padding-bottom: 100px;
}

.services__item {
  text-align: center;
  padding: 40px 30px 30px;
  background: #ffffff;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  margin-bottom: 30px;
}
.services__item:hover {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 39px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 39px rgba(154, 87, 87, 0.1);
}
.services__item h4 {
  font-size: 22px;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-top: 26px;
  margin-bottom: 12px;
}
.services__item p {
  font-size: 16px;
  margin-bottom: 0;
}
/*---------------------
  Features
-----------------------*/
.features {
  padding-top: 0;
  overflow: hidden;
}
.features .section-title {
  margin-bottom: 30px;
}

.filter__controls {
  text-align: center;
  margin-bottom: 40px;
}
.filter__controls li {
  list-style: none;
  font-size: 18px;
  color: #0d0d0d;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
}
.filter__controls li.active:after {
  opacity: 1;
}
.filter__controls li:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  width: 5px;
  height: 5px;
  background: #0d0d0d;
  content: "";
  margin: 0 auto;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.filter__controls li:last-child {
  margin-right: 0;
}

.feature__gallery {
  margin-right: -15px;
}

.grid-sizer {
  width: calc(33.33% - 15px);
}

.fg__item {
  height: 253px;
  width: calc(33.33% - 15px);
  margin-right: 15px;
  margin-bottom: 15px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.fg__item:hover:after {
  opacity: 1;
}
.fg__item:hover .fg__item__text span {
  left: 0;
  opacity: 1;
}
.fg__item:hover .fg__item__text h2 {
  right: 0;
  opacity: 1;
}
.fg__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  content: "";
  z-index: -1;
  -webkit-transition: all, 0.4s;
  -o-transition: all, 0.4s;
  transition: all, 0.4s;
  opacity: 0;
}
.fg__item.mid_item {
  height: 380px;
}
.fg__item.large_item {
  height: 505px;
}

.fg__item__text span {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  position: relative;
  left: -40px;
  -webkit-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  transition: all, 0.6s;
  opacity: 0;
}
.fg__item__text h2 {
  color: #ffffff;
  position: relative;
  right: -40px;
  -webkit-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  transition: all, 0.6s;
  opacity: 0;
}

.load__more {
  padding-top: 30px;
}

/*---------------------
  Counter
-----------------------*/
.counter {
  padding-bottom: 300px;
}

.counter__item {
  text-align: center;
  margin-bottom: 30px;
}
.counter__item h2 {
  font-size: 48px;
  color: #111111;
  /*letter-spacing: 2px;*/
  line-height: 40px;
  margin-bottom: 25px;
  margin-top: 32px;
}
.counter__item p {
  margin-bottom: 0;
  color: #111111;
  text-transform: uppercase;
 /* letter-spacing: 4px;*/
}

/*---------------------
  Reqest Form
-----------------------*/
.request {
  margin-top: -235px;
}
.request.request--services {
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1000px) {
	.request.request--services {
	  margin-top: -120px;
		margin-bottom: -70px;
	}
}
.request.request--services .request__form {
  position: relative;
  z-index: 1;
}
.request.request--services .request__form:before {
  position: absolute;
  left: -135px;
  top: -130px;
  height: 757px;
  width: 705px;
  background: url(../img/icon/form-left.png);
  content: "";
  z-index: -1;
}
.request.request--services .request__form:after {
  position: absolute;
  right: -135px;
  bottom: -130px;
  height: 757px;
  width: 705px;
  background: url(../img/icon/form-right.png);
  content: "";
  z-index: -1;
}

.request__form .section-title {
  background: #e2d8f1;
  padding: 60px 145px 40px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  position: relative;
}
.request__form .section-title:after {
  position: absolute;
  left: 0;
  bottom: -24px;
  right: 0;
  height: 26px;
  width: 287px;
  background: url(../img/arrow.png);
  content: "";
  margin: 0 auto;
}
.request__form .section-title span {
  color: #b34d96;
  font-size: 15px;
  text-transform: uppercase;
  /*letter-spacing: 4px;*/
  font-family: "kozuka-gothic-pr6n",sans-serif;
}
.request__form .section-title h2 {
  color: #b34d96;
}
.request__form .section-title p {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 26px;
}
.request__form form,
.request__form .waku_b {
  padding: 60px 55px 50px;
  -webkit-box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
  border-radius: 0 0 10px 10px;
  background: #ffffff;
}
@media only screen and (max-width: 768px) {
  .request__form .waku_b {
    	padding: 60px 20px 50px;
  }
}
@media only screen and (max-width: 500px) {
  .request__form .waku_b {
    	padding: 60px 10px 50px;
  }
}
.request__form form input {
  height: 50px;
  width: 100%;
  font-size: 14px;
  color: #666666;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
}
.request__form form .nice-select {
  height: 50px;
  float: none;
  width: 100%;
  line-height: 50px;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
  border-radius: 0;
}
.request__form form .nice-select.nice-select:after {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  height: 6px;
  right: 20px;
  width: 6px;
}
.request__form form .nice-select:active, .request__form form .nice-select.open, .request__form form .nice-select:focus {
  border-color: #e1e1e1 !important;
}
.request__form form .nice-select .list {
  width: 100%;
  margin-top: 0;
  border-radius: 0;
}
.request__form form .nice-select span {
  font-size: 14px;
  color: #666666;
}
.request__form form textarea {
  height: 110px;
  width: 100%;
  font-size: 14px;
  color: #666666;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 34px;
  padding-top: 12px;
  resize: none;
}

/*---------------------
  Latest
-----------------------*/
.latest {
  padding-bottom: 70px;
}

.latest__item {
  margin-bottom: 30px;
}
.latest__item img {
  min-width: 100%;
  margin-bottom: 22px;
}
.latest__item ul {
  margin-bottom: 10px;
}
.latest__item ul li {
  list-style: none;
  font-size: 17px;
  color: #767b67;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.latest__item ul li:after {
  position: absolute;
  right: -18px;
  top: 11px;
  width: 5px;
  height: 5px;
  background: #c7c7c7;
  content: "";
  border-radius: 50%;
}
.latest__item ul li:last-child {
  margin-right: 0;
}
.latest__item ul li:last-child:after {
  display: none;
}
.latest__item h4 a {
  color: #111111;
  font-size: 26px;
  line-height: 36PX;
}

/*---------------------
  Logo
-----------------------*/
.logo {
  background: #f7f6f1;
  padding: 35px 0;
}

.logo__carousel.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.logo__item {
  display: table;
  height: 69px;
}
.logo__item a {
  display: table-cell;
  vertical-align: middle;
}

/*---------------------
  Footer
-----------------------*/
.footer {
  background: #e1dad0;
  padding-top: 65px;
}

.footer__top {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 70px;
}

.footer__subscribe__text {
  float: left;
  margin-right: 25px;
}
.footer__subscribe__text h4 {
  color: #807265;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer__subscribe__text p {
  color: #807265;
  margin-bottom: 0;
}

.footer__subscribe__form {
  overflow: hidden;
}
.footer__subscribe__form form {
  width: 370px;
  position: relative;
}
.footer__subscribe__form form input {
  height: 50px;
  width: 100%;
  font-size: 14px;
  padding-left: 22px;
  color: #807265;
  background: rgba(255, 255, 255, 0.9);
  border: none;
}
.footer__subscribe__form form input::-webkit-input-placeholder {
  color: #807265;
}
.footer__subscribe__form form input::-moz-placeholder {
  color: #807265;
}
.footer__subscribe__form form input:-ms-input-placeholder {
  color: #807265;
}
.footer__subscribe__form form input::-ms-input-placeholder {
  color: #807265;
}
.footer__subscribe__form form input::placeholder {
  color: #807265;
}
.footer__subscribe__form form button {
  font-size: 18px;
  color: #767b67;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 15px;
  border: none;
}

.footer__social {
  text-align: right;
}
.footer__social a {
  font-size: 18px;
  color: #b34d96;
  display: inline-block;
  height: 50px;
  width: 50px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-right: 6px;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social a:hover,
.footer__social a:focus
{
  color: #e6a0bc;
}
.footer__logo {
  margin-bottom: 30px;
}
.footer__logo a {
  display: inline-block;
}

.footer__widget {
  margin-bottom: 30px;
}
.footer__widget h5 {
  color: #807265;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.footer__widget ul li {
  list-style: none;
  font-size: 14px;
  color: #807265;
  line-height: 25px;
}
.footer__widget p {
  font-size: 14px;
  color: #807265;
  line-height: 26px;
  margin-bottom: 0;
}

.footer__copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 25px 0 20px;
  margin-top: 30px;
}

.footer__copyright__text {
  color: #807265;
  font-size: 14px;
  margin-bottom: 0;
  /*letter-spacing: 0.5px;*/
}
.footer__copyright__text i {
  color: #767b67;
}
.footer__copyright__text a {
  color: #767b67;
}

.footer__copyright__widget {
  text-align: right;
}
.footer__copyright__widget li {
  list-style: none;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.footer__copyright__widget li:after {
  position: absolute;
  right: -15px;
  top: -3px;
  content: ".";
  color: #807265;
}
.footer__copyright__widget li:last-child {
  margin-right: 0;
}
.footer__copyright__widget li:last-child:after {
  display: none;
}
.footer__copyright__widget li a {
  font-size: 14px;
  color: #807265;
}

/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 650px;
  text-align: center;
  margin: 0 15px;
	background-color:rgba(255,255,255,0.4);
background-blend-mode:lighten;
}
@media only screen and (max-width: 1000px) {
  .breadcrumb-option { 
    	height: 500px;
  }
}
@media only screen and (max-width: 678px) {
  .breadcrumb-option { 
    	height: 500px;
  }
}

.breadcrumb__text h2 {
  font-size: 48px;
  /*letter-spacing: 4px;*/
  text-transform: uppercase;
}

/*---------------------
  About
-----------------------*/
.about {
  padding-bottom: 65px;
  padding-top: 70px;
}

/*.about__text {
  padding-top: 50px;
}*/
.about__text h2 {
  color: #111111;
  line-height: 48px;
  text-transform: uppercase;
  margin-bottom: 34px;
}
.about__text p {
  font-weight: 300;
  line-height: 26PX;
}
.about__text img {
  padding-top: 15px;
}

.about__pic {
  text-align: right;
}

.about__counter {
  padding-top: 70px;
  border-top: 1px solid #e1e1e1;
  margin-top: 30px;
}

/*---------------------
  Testimonial
-----------------------*/
.testimonial {
  background: #e2d8f1;
  padding-bottom: 40px;
}

.testimonial__item__text {
  padding: 40px 50px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
}
.testimonial__item__text::after {
  position: absolute;
  left: 90px;
  bottom: -7px;
  height: 20px;
  width: 20px;
  background: #ffffff;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.testimonial__item__text p {
  font-size: 18px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #111111;
  line-height: 24px;
  margin-bottom: 0;
}

.testimonial__item__author {
  overflow: hidden;
  padding-left: 60px;
}

.testimonial__item__author__pic {
  float: left;
  margin-right: 20px;
}
.testimonial__item__author__pic img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.testimonial__item__author__text {
  overflow: hidden;
  padding-top: 12px;
}
.testimonial__item__author__text h5 {
  color: #111111;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-bottom: 8px;
}
.testimonial__item__author__text .rating span {
  font-size: 13px;
  color: #efc873;
  margin-right: -4px;
}

.testimonial__carousel .col-lg-6 {
  max-width: 100%;
}
.testimonial__carousel.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
.testimonial__carousel.owl-carousel .owl-dots {
  text-align: center;
  padding-top: 85px;
}
.testimonial__carousel.owl-carousel .owl-dots button {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #e1e1e1;
  border-radius: 50%;
  margin-right: 10px;
}
.testimonial__carousel.owl-carousel .owl-dots button.active {
  background: #767b67;
}
.testimonial__carousel.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

/*---------------------
  Team
-----------------------*/
.team {
  padding-bottom: 60px;
}

.team__item {
  text-align: center;
  margin-bottom: 40px;
}

.team__item__pic {
  margin-bottom: 28px;
}

.team__item__text h5 {
  color: #111111;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-bottom: 6px;
}
.team__item__text span {
  font-size: 22px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #767b67;
  display: block;
  font-style: italic;
  margin-bottom: 12px;
}

.team__item__social a {
  font-size: 16px;
  color: #444444;
  margin-right: 22px;
  display: inline-block;
}
.team__item__social a:last-child {
  margin-right: 0;
}

/*---------------------
  Call To Action
-----------------------*/
.callto {
  padding-top: 0;
}

.callto__content {
  height: 513px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.callto__text {
  text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.callto__text {
		margin-top: 60px;
		margin-bottom: 60px;
	}
}
.callto__text h2 {
  color: #111111;
  /*letter-spacing: 4px;*/
  text-transform: uppercase;
  margin-bottom: 20px;
}
.callto__text p {
  color: #111111;
  font-size: 20px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: italic;
  margin-bottom: 42px;
}
.callto__text .primary-btn {
  padding: 12px 28px 10px;
}

/*---------------------
  Pricing
-----------------------*/
.pricing {
  background: #f7f6f1;
  height: 660px;
}

.pricing__item {
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 20px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 20px rgba(154, 87, 87, 0.1);
  border-radius: 10px;
  padding: 50px 10px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.pricing__item:hover {
  -webkit-box-shadow: 0px 5px 44px rgba(154, 87, 87, 0.2);
          box-shadow: 0px 5px 44px rgba(154, 87, 87, 0.2);
  border-radius: 0;
  background: #e2d8f1;
}
.pricing__item:hover:after {
  opacity: 1;
}
.pricing__item:hover h5 {
  color: #ffffff;
}
.pricing__item:hover h2 {
  color: #ffffff;
}
.pricing__item:hover ul li {
  color: #ffffff;
}
.pricing__item:hover .primary-btn {
  background: #ffffff;
  color: #767b67;
}
.pricing__item:after {
  position: absolute;
  right: 0;
  top: 10px;
  height: 606px;
  width: 390px;
  background: url(../img/icon/flower-img.png);
  content: "";
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  z-index: -1;
}
.pricing__item h5 {
  font-size: 20px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #001111;
  text-transform: uppercase;
  margin-bottom: 32px;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.pricing__item h2 {
  color: #767b67;
  font-size: 50px;
  margin-bottom: 16px;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.pricing__item ul {
  margin-top: 35px;
  margin-bottom: 40px;
}
.pricing__item ul li {
  color: #666666;
  font-size: 15px;
  line-height: 34px;
  font-weight: 300;
  list-style: none;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.pricing__item .primary-btn {
  padding: 12px 34px 10px;
  /*letter-spacing: 2px;*/
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

/*---------------------
  Portfolio
-----------------------*/
.portfolio {
  padding-bottom: 80px;
}

.portfolio__filter {
  text-align: center;
  margin-bottom: 35px;
}
.portfolio__filter li {
  list-style: none;
  font-size: 18px;
  color: #0d0d0d;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-right: 40px;
  display: inline-block;
  cursor: pointer;
}
.portfolio__filter li:last-child {
  margin-right: 0;
}

.portfolio__gallery {
  margin-right: -5px;
}

.portfolio__item {
  height: 300px;
  margin-bottom: 20px;
  margin-right: -10.5px;
}
.portfolio__item.mid_large {
  height: 528px;
}
.portfolio__item.large_item {
  height: 850px;
}

/*---------------------
    Blog
-----------------------*/
.blog__item {
  text-align: center;
  margin-bottom: 55px;
}

.blog__item__title {
  margin-bottom: 34px;
}
.blog__item__title ul {
  margin-bottom: 6px;
}
.blog__item__title ul li {
  font-size: 17px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #767b67;
  font-style: italic;
  list-style: none;
  display: inline-block;
  margin-right: 28px;
  position: relative;
}
.blog__item__title ul li:after {
  position: absolute;
  right: -18px;
  top: 10px;
  height: 5px;
  width: 5px;
  background: #c7c7c7;
  content: "";
  border-radius: 50%;
}
.blog__item__title ul li:last-child {
  margin-right: 0;
}
.blog__item__title ul li:last-child:after {
  display: none;
}
.blog__item__title h2 {
  color: #111111;
  line-height: 39px;
 /* letter-spacing: 2px;*/
}

.blog__item__pic {
  height: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog__item__pic .play-btn {
  color: #d32f2f;
  font-size: 36px;
  display: inline-block;
}

.blog__item__text {
  padding-top: 34px;
}
.blog__item__text p {
  font-size: 17px;
  line-height: 29px;
  margin-bottom: 36px;
}
.blog__item__text a {
  font-size: 13px;
  color: #767b67;
  /*letter-spacing: 4px;*/
  text-transform: uppercase;
}

.blog__quote {
  padding: 40px 40px 35px;
  position: relative;
  margin-bottom: 55px;
}
.blog__quote p {
  color: #767b67;
  font-size: 24px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  line-height: 39px;
  margin-bottom: 28px;
}
.blog__quote h5 {
  color: #0d0d0d;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
}
.blog__quote span {
  display: inline-block;
  color: #767b67;
  font-size: 120px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  position: absolute;
  right: 35px;
  bottom: 25px;
  line-height: 0;
}

.blog__item__pic__slider {
  overflow: hidden;
}
.blog__item__pic__slider.owl-carousel .owl-nav button {
  font-size: 26px;
  color: #444444;
  height: 45px;
  width: 45px;
  background: #ffffff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  position: absolute;
  left: -18.5px;
  top: 50%;
  margin-top: -22.5px;
}
.blog__item__pic__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -18.5px;
}

.pagination__option {
  text-align: center;
}
.pagination__option a {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #767b67;
  height: 45px;
  width: 45px;
  background: transparent;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.pagination__option a:last-child {
  margin-right: 0;
}
.pagination__option a:hover {
  background: #767b67;
  color: #ffffff;
}
.pagination__option a span {
  position: relative;
  top: 5px;
  font-size: 24px;
}

/*---------------------
  Blog Sidebar
-----------------------*/
.blog__sidebar__item {
  margin-bottom: 55px;
}
.blog__sidebar__item:last-child {
  margin-bottom: 0;
}
.blog__sidebar__item.blog__sidebar__item__newslatter h4 {
  margin-bottom: 10px;
}
.blog__sidebar__item h4 {
  color: #111111;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-bottom: 35px;
}
.blog__sidebar__item ul li {
  list-style: none;
  line-height: 36px;
}
.blog__sidebar__item ul li a {
  font-size: 15px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #666666;
  text-transform: uppercase;
  position: relative;
  padding-left: 20px;
}
.blog__sidebar__item ul li a:before {
  position: absolute;
  left: 0;
  top: 4px;
  height: 5px;
  width: 5px;
  background: #767b76;
  border-radius: 50%;
  content: "";
}
.blog__sidebar__item form {
  position: relative;
}
.blog__sidebar__item form input {
  height: 40px;
  width: 100%;
  font-size: 15px;
  color: #e2d8f1;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
.blog__sidebar__item form button {
  font-size: 15px;
  color: #767b67;
  position: absolute;
  right: -5px;
  top: 10px;
  border: none;
  background: transparent;
}

.blog__sidebar__recent__item {
  display: block;
  margin-bottom: 30px;
	border-bottom: 2px dotted #e1dad0;
}
.blog__sidebar__recent__item:last-child {
  margin-bottom: 0;
}

.blog__sidebar__recent__item__pic {
  float: left;
  margin-right: 30px;
}

.blog__sidebar__recent__item__text {
  overflow: hidden;
}
.blog__sidebar__recent__item__text h5 {
  color: #111111;
  line-height: 22px;
  margin-bottom: 14px;
}
.blog__sidebar__recent__item__text span {
  display: block;
  font-size: 17px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #888888;
  font-style: italic;
}

.blog__sidebar__instagram {
  margin-right: -10px;
  overflow: hidden;
}
.blog__sidebar__instagram img {
  width: calc(25% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.blog__sidebar__tags a {
  display: inline-block;
  font-size: 15px;
  color: #666666;
  padding: 9px 15px 7px;
  background: #e2d8f1;
  margin-right: 11px;
  margin-bottom: 15px;
}

/*---------------------
  Blog Details
-----------------------*/
.blog-details {
  padding-bottom: 70px;
}

.blog__details__content .blog__item__text {
  text-align: left !important;
}

.blog__details__text {
  margin-bottom: 50px;
}
.blog__details__text p {
  font-size: 17px;
  line-height: 29px;
  font-weight: 300;
  margin-bottom: 35px;
}
.blog__details__text p:last-child {
  margin-bottom: 0;
}

.blog__details__pic {
  margin-bottom: 50px;
  overflow: hidden;
  margin-right: -10px;
}
.blog__details__pic img {
  width: calc(33.33% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.blog__details__widget {
  padding-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 35px;
}

.blog__details__tags span {
  font-size: 17px;
  color: #767b67;
  margin-right: 12px;
  display: inline-block;
}
.blog__details__tags a {
  display: inline-block;
  font-size: 15px;
  color: #666666;
  padding: 9px 15px 7px;
  background: #e2d8f1;
  margin-right: 11px;
  margin-bottom: 15px;
}

.blog__details__social {
  text-align: right;
}
.blog__details__social span {
  font-size: 17px;
  color: #767b67;
  margin-right: 12px;
  display: inline-block;
}
.blog__details__social a {
  color: #111111;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  width: 40px;
  background: #e2d8f1;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin-right: 6px;
}
.blog__details__social a:last-child {
  margin-right: 0;
}

.blog__details__btns {
  margin-bottom: 50px;
}

.blog__details__btns__item {
  display: block;
  font-size: 15px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  color: #111111;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
}
.blog__details__btns__item.blog__details__btns__item--next {
  text-align: right;
}
.blog__details__btns__item i {
  color: #767b67;
  font-size: 20px;
  font-weight: 600;
}

.blog__details__recent h4 {
  color: #111111;
 /* letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align: center;
}

.blog__details__recent__item {
  margin-bottom: 30px;
}
.blog__details__recent__item img {
  min-width: 100%;
  margin-bottom: 22px;
}
.blog__details__recent__item h5 {
  margin-bottom: 6px;
}
.blog__details__recent__item h5 a {
  color: #111111;
  font-size: 17px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  line-height: 22px;
  font-weight: 500;
}
.blog__details__recent__item span {
  display: block;
  font-size: 13px;
  color: #888888;
}

/*---------------------
  Map
-----------------------*/
.map {
  height: 500px;
}
.map iframe {
  width: 100%;
}

/*---------------------
  Contact
-----------------------*/
.contact__widget h2 {
  color: #111111;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-bottom: 40px;
}
.contact__widget ul li {
  list-style: none;
  overflow: hidden;
  margin-bottom: 40px;
}
.contact__widget ul li:last-child {
  margin-bottom: 0;
}
.contact__widget ul li .contact__widget__icon {
  float: left;
  margin-right: 20px;
}
.contact__widget ul li .contact__widget__icon i {
  font-size: 20px;
  color: #ffffff;
  height: 50px;
  width: 50px;
  background: #a3a697;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.contact__widget ul li .contact__widget__text {
  overflow: hidden;
}
.contact__widget ul li .contact__widget__text span {
  color: #666666;
  font-size: 20px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  display: block;
  /*font-style: italic;*/
}
.contact__widget ul li .contact__widget__text p {
  margin-bottom: 0;
  font-size: 20px;
  font-family: "kozuka-gothic-pr6n",sans-serif;
}

.contact__form h2 {
  color: #111111;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  margin-bottom: 40px;
}
.contact__form form input {
  height: 50px;
  width: 100%;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
  margin-bottom: 30px;
}
.contact__form form input::-webkit-input-placeholder {
  color: #444444;
}
.contact__form form input::-moz-placeholder {
  color: #444444;
}
.contact__form form input:-ms-input-placeholder {
  color: #444444;
}
.contact__form form input::-ms-input-placeholder {
  color: #444444;
}
.contact__form form input::placeholder {
  color: #444444;
}
.contact__form form textarea {
  height: 100px;
  width: 100%;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
  padding-top: 12px;
  margin-bottom: 34px;
  resize: none;
}
.contact__form form textarea::-webkit-input-placeholder {
  color: #444444;
}
.contact__form form textarea::-moz-placeholder {
  color: #444444;
}
.contact__form form textarea:-ms-input-placeholder {
  color: #444444;
}
.contact__form form textarea::-ms-input-placeholder {
  color: #444444;
}
.contact__form form textarea::placeholder {
  color: #444444;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1500px) and (max-width: 1920px) {
  .header {
    padding: 0 90px;
  }

  .breadcrumb-option {
    margin: 0 105px;
  }

  .map {
    padding: 0 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu ul li {
    margin-right: 25px;
  }

  .header__right__social a {
    margin-right: 10px;
  }

  .header__right__search {
    padding-left: 10px;
  }

  .hero__text {
    margin-left: 150px;
  }
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__right__social {
    display: none;
  }

  .header__right__search {
    display: block;
    padding-left: 0;
  }

  .header__right__search::before {
    display: none;
  }

  .header__menu ul li {
    margin-right: 15px;
  }

  .hero__text {
    max-width: initial;
    margin-left: 0;
  }

  .filter__controls li {
    margin-right: 20px;
  }

  .footer__subscribe__text {
    float: none;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .footer__subscribe__form form {
    width: auto;
  }

  .pricing {
    height: auto;
    padding-bottom: 70px;
  }

  .request.request--services .request__form:before {
    display: none;
  }

  .request.request--services .request__form:after {
    display: none;
  }

  .request.request--services {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .portfolio__filter li {
    margin-right: 10px;
  }

  .blog__details__social {
    text-align: left;
    padding-top: 20px;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .slicknav_menu {
    background: transparent;
    padding: 0;
    display: block;
  }

  .slicknav_nav ul {
    margin: 0;
    margin-left: 20px;
  }

  .slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 10px 0;
    margin: 0;
    color: #ffffff;
    font-weight: 500;
  }

  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #807265;
  }

  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #e2d8f1;
  }

  .slicknav_nav {
    background: #b34d96;
  }

  .slicknav_btn {
    position: absolute;
    right: 10px;
    top: 20px;
  }

  .header__menu {
    display: none;
  }

  .header__right {
    padding: 0;
  }

  .header__right__social {
    display: none;
  }

  .header__right__search {
    display: block;
    padding-left: 0;
  }

  .header__right__search::before {
    display: none;
  }

  .header__right__search {
    position: absolute;
    right: 125px;
    top: -56px;
  }

  .search-model-form input {
    width: 100%;
  }

  .hero__text {
    max-width: initial;
    margin-left: 0;
  }

  .filter__controls li {
    margin-bottom: 12px;
    margin-right: 15px;
  }

  .fg__item {
    width: calc(50% - 15px);
  }

  .grid-sizer {
    width: calc(50% - 15px);
  }

  .footer__subscribe__text {
    float: none;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .footer__subscribe__form form {
    width: auto;
  }

  .footer__social {
    text-align: left;
    padding-top: 30px;
  }

  .footer__copyright__text {
    margin-bottom: 10px;
    text-align: center;
  }

  .footer__copyright__widget {
    text-align: center;
  }

  .pricing {
    height: auto;
    padding-bottom: 70px;
  }

  .request.request--services .request__form:before {
    display: none;
  }

  .request.request--services .request__form:after {
    display: none;
  }

  .request.request--services {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .request__form .section-title {
    padding: 60px 35px 40px;
  }

  .portfolio__filter li {
    margin-right: 15px;
  }

  .about__text {
    padding-top: 0;
    margin-bottom: 40px;
  }

  .blog__sidebar {
    padding-top: 10px;
  }

  .blog__details__social {
    text-align: left;
    padding-top: 20px;
  }

  .contact__widget {
    margin-bottom: 40px;
  }
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .breadcrumb__text h2 {
    font-size: 28px;
  }

  .fg__item {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .grid-sizer {
    width: 100%;
  }

  .feature__gallery {
    margin-right: 0;
  }

  .request__form form {
    padding: 60px 40px 50px;
  }

  .about__text h2 {
    line-height: 40px;
    font-size: 28px;
  }

  .portfolio__filter li {
    font-size: 15px;
  }

  .hero__text h2 {
    font-size: 30px;
  }

  .callto__text h2 {
    font-size: 30px;
  }

  .search-model-form input {
    font-size: 24px;
  }
}
















/* 追加分 */
.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}
.pl-5  {
  padding-left: 5px !important;
}
.pr-5  {
  padding-right: 5px !important;
}
.pl-10  {
  padding-left: 10px !important;
}
.pr-10  {
  padding-right: 10px !important;
}
.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

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

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

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

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

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

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

.mt-80 {
  margin-top: 80px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

.mb-120 {
  margin-bottom: 120px !important;
}
.ml-5  {
  margin-left: 5px !important;
}
.mr-5  {
  margin-right: 5px !important;
}
.ml-10  {
  margin-left: 10px !important;
}
.mr-10  {
  margin-right: 10px !important;
}

@media only screen and (max-width: 991px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-10 {
    margin-top: 10px !important;
  }
  .mt-xs-20 {
    margin-top: 20px !important;
  }
  .mt-xs-30 {
    margin-top: 30px !important;
  }
  .mt-xs-40 {
    margin-top: 40px !important;
  }
  .mt-xs-50 {
    margin-top: 50px !important;
  }
  .mt-xs-60 {
    margin-top: 60px !important;
  }
  .mt-xs-70 {
    margin-top: 70px !important;
  }
  .mt-xs-80 {
    margin-top: 80px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}
/*---br管理--*/
/*---スマホ時改行--*/
@media screen and (max-width: 480px) {
.pc-br{display:none;}
.tb-br{display:none;}
.sp-br{display:block;}
}
/*---タブレット時改行--*/
@media screen and (min-width:481px) and (max-width: 1020px) {
.pc-br{display:none;}
.tb-br{display:block;}
.sp-br{display:none;}
}
/*---PC時改行--*/
@media screen and (min-width:1021px){
.pc-br{display:block;}
.tb-br{display:none;}
.sp-br{display:none;}
}
/* TOPの動画 */
.video-container {
  position: relative;
	margin-top: 80px;
}

.video-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); 
}

video {
  width: 100%;
}

.co_pu {
	color: #b34d96;
}
.co_lpu {
	color: #e2d8f1;
}
.co_pi {
	color: #e6a0bc;
}
.co_be {
	color: #807265;
}
.co_be2 {
	color: #807265;
	font-weight: 600;
}
.bs {
	font-size: 18px;
}
.waku {
	margin-top: 80px;
}
.waku01 {
	margin-bottom: 150px;
}
@media only screen and (max-width: 1000px) {
  	.waku01 {
		margin-bottom: 60px;
	}
}
@media only screen and (max-width: 768px) {
  	.waku01 {
		margin-bottom: 30px;
	}
}
.waku_s01 {
	margin-top: -30px;
}
@media only screen and (max-width: 768px) {
  	.waku_s01 {
		margin-top: -30px;
	}
}
.waku_s02 {
	margin-top: -30px;
}
@media only screen and (max-width: 768px) {
  	.waku_s02 {
		margin-top: -20px;
	}
}
.wakus0 {
	margin-top: -8px;
}
.wakus1 {
	margin-top: -15px;
}
.midashi2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}
h1.fs0 {
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	h1.fs0 {
		font-size: 33px;
		font-weight: 600;
	}
}
.fs1  {
	font-weight: 500;
	font-size: 20px;
}
.fs2 {
	font-size: 20px;
}
.fs3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 34px;
}
.fs4 {
	font-size: 17px;
	font-weight: 600;
	color: #807265;
	margin-bottom: 0px;
}
.fs5 {
	font-size: 16px;
}
.fs6 {
	font-size: 15px;
	line-height: 26px;
}
.fs7 {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
}
.fs8 {
	font-size: 20px;
	line-height: 26px;
}
@media screen and (max-width: 360px) {
	.fs8 {
		font-size: 18px;
		line-height: 24px;
	}
}
.services__item span.fs9 {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 1px;
}
.fs10 {
	font-size: 14px;
}
.fs11 {
	font-size: 30px;
	font-weight: 600;
	line-height: 32px;
}
.section-title span.fs12 {
	color: #333;
	font-size: 22px;
	padding-left: 2px;
	padding-right: 2px;
}
.section-title span.fs13 {
	font-size: 30px;
	text-transform: lowercase;
}
.fs14 {
	font-size: 24px;
	font-weight: 600;
}
h2.fs15 {
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	h2.fs15 {
		font-size: 20px;
	}
}
.fs16 {
	font-family: milonguita, sans-serif;
	font-weight: 500;
	font-size: 40px;
	color: #e6a0bc;
	display: inline-block;
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
	margin-bottom: -10px;
}
.fs17 {
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
}
@media screen and (max-width: 768px) {
	.fs17 {
		font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	}
}
.fs18 {
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	.fs18 {
		font-size: 14px;
	}
}
.fs19 {
	font-size: 30px;
}
@media screen and (max-width: 768px) {
	.fs19 {
		font-size: 26px;
	}
}
@media screen and (max-width: 400px) {
	.fs19 {
		font-size: 20px;
	}
}
.fs20 {
	color: #333;
}
.fs21 {
	font-size: 17px;
	color: #333;
}
.fs22 {
	font-size: 19px;
	color: #807265;
}
.fs23 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}
h4.fs24 {
	margin: 0;
	padding: 0;
	font-size: 19px;
	color: #807265;
	font-weight: 600;
}
/* プロフ */
.ftco-love {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /*background-attachment: fixed; */
}
@media screen and (max-width: 768px) {
	.ftco-love {
		width: 100%;
	}
}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }
  .timeline > li {
    margin-bottom: 20px;
    position: relative; }
    @media (min-width: 768px) {
      .timeline > li {
        margin-top: -50px; } }
    .timeline > li:first-child {
      margin-top: 0; }
    .timeline > li:before, .timeline > li:after {
      content: " ";
      display: table; }
    .timeline > li:after {
      clear: both; }
    .timeline > li > .timeline-panel {
      width: 43%;
      position: relative;
      z-index: 0;
      background:rgba(255,255,255,0.7);
      padding: 50px;
      -webkit-box-shadow: 0px 10px 32px -19px rgba(0, 0, 0, 0.36);
      -moz-box-shadow: 0px 10px 32px -19px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 10px 32px -19px rgba(0, 0, 0, 0.36); }
      .timeline > li > .timeline-panel:before {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        content: '';
        border: 1px dashed rgba(0, 0, 0, 0.2);
        z-index: -1;
        -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        transform: rotate(-1deg); }
      .timeline > li > .timeline-panel:after {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        content: '';
        border: 1px dashed rgba(0, 0, 0, 0.2);
        z-index: -1;
        -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        transform: rotate(1deg); }
      @media (max-width: 767.98px) {
        .timeline > li > .timeline-panel {
          width: 85%;
          float: right; } }
    .timeline > li > .timeline-badge {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      color: #fff;
      width: 120px;
      height: 120px;
      line-height: 50px;
      font-size: 1.4em;
      text-align: center;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -60px;
      z-index: 1;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      .timeline > li > .timeline-badge:after {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        content: '';
        border: 1px dashed rgba(255, 255, 255, 0.5);
        border-radius: 50%; }
      @media (max-width: 767.98px) {
        .timeline > li > .timeline-badge {
          width: 80px;
          height: 80px;
          margin-left: -15px;
          left: 0; } }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right; }

.timeline-title {
  margin-top: 0;
  font-size: 40px;
  color: #fff;
  margin-bottom: 10px;
  font-family: "kozuka-gothic-pr6n",sans-serif; }

.date {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
  /*letter-spacing: 2px;*/
  font-weight: 900;
  color: #807265; }

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
  color: #666666; }

.timeline-body > p + p {
  margin-top: 5px; }

.timeline-panel {
  position: relative;
  z-index: 0; }
  .timeline-panel .icon {
    position: absolute;
    top: 20px;
    z-index: -1; }
    .timeline-panel .icon span {
      color: rgba(255, 255, 255, 0.3);
      font-size: 120px;
      line-height: 1; }
    .timeline-panel .icon.icon-left {
      left: 20px; }
      @media (max-width: 767.98px) {
        .timeline-panel .icon.icon-left {
          left: 0;
          right: 20px;
          text-align: right; } }
    .timeline-panel .icon.icon-right {
      right: 20px; }
    @media (max-width: 767.98px) {
      .timeline-panel .icon span {
        font-size: 80px; } }
/* テーブル */
.hp-prf table {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 0.3em;
}
 
.hp-prf table th,
.hp-prf table td {
    padding: 1% 2%;
	text-align:left;
}
 
.hp-prf table th {
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    width: 30%;
    color: #666;
	vertical-align: middle;
} 
.hp-prf table td,
.hp-prf2 table td {
	border-bottom: 1px solid #ccc;
}
.accordion {
	width: 100%;
}
.accordion h3:not(.collapsed) {
  color: #666;
	font-weight: 600;
}
.card-title {
	text-align: center;
}
.back01 {
	background: #F8F9FA;
}
/*テーブル*/
.hp-prf2 table td {
	border-bottom: 1px solid #ccc;
}
.hp-prf2 {
	background: hsla(240,9%,98%,1.00);
	padding: 1em;
	margin-bottom: 2em;
}
.hp-prf2 table th,
.hp-prf2 table td {
	border: none;
	padding-bottom: 10px;
}
.hp-prf2 table th{
	padding-right: 15px;
}
/* 注意 */
.chui {
	font-weight: 600;
	background: #e6a0bc;
	color: #FFFFFF;
	padding: 5px 7px;
}
.chui2 {
	background: #e6a0bc;
	color: #FFFFFF;
	padding: 5px 7px;
}
/* 背景色 */
.waku_co {
	background: #f7f6f1;
}
.waku_co2 {
	background: #e2d8f1
}
/* PCでは横並びにする */
.flex {
	display: flex; /* これで横並びになる */
}
.twitter-tweet {
	padding: 5px; /* 周りに5pxの余白をつける */
	margin: 10px auto; /* 中央寄せにする */
}

/* 画面サイズ960px以下では縦並びに変える */
@media (max-width: 960px) {
.flex {
	display: block; /* 横並びを解除 */
}
.twitter-tweet {
	padding: 0; /* 縦並びでは余白なし */
}
}
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}
/* Facebook */
/* Facebook Like Box width: 100% */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
	height: 640px;
}

/* デスクトップレイアウト : 980 px ～最大 1400 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
/* Facebook Like Box width: 100% */
#pageplugin {
	width:50%;
	float: right;
}
#likebox_wrapper iframe{
	border-color:#93745F;
}
#pageplugin {
    max-width: 500px;
    margin: 0 0 1em 0 !important;
	padding:0 !important;
	left:0 !important;
	width:95%;
	float: none;
}
#pageplugin > .fb-page {
    width: 100%;
}
#pageplugin > .fb-page > span,
#pageplugin iframe {
    width: 100% !important;
}


.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
/* サイト利用規約・プライバシーポリシーページ */
/* 見出し */
.midashi7 {
	font-size: 20px;
	margin-top: 15px;
	padding-bottom: 3px;
	margin-bottom: 20px;
	border-bottom: 2px solid #e2d8f1;
	font-weight: 600;
}
ol.list_parentheses{
  padding:0 0 0 1em;
  margin:0;
}
ol.list_parentheses2{
  padding:0 0 0 1em;
  margin:0;
}
ol.list_parentheses2 li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_parentheses2 li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
ul.sq li {
	margin: 0 0 0 1.5em;
	padding: 0;
	list-style-type:none;
	list-style: disc;
	counter-increment: none;
}
ul.sq li:before{
	display: inline;
 	 content: none;
}
.t_right {
	text-align: right;
}
.li_po {
	margin-left: 50px;
	margin-top: 15px;
}
.t_ban {
	list-style-type: lower-roman;
	padding-left: 10px;
}
.li01 {
	list-style-type: none;
	padding-left: 5px;
}
li p.fs8 {
	margin-bottom: 0;
}
/*「」見出し*/
.m_waku {
  position: relative;
  padding: 10px;
  text-align: center;
}

.m_waku:before,
.m_waku:after {
  position: absolute;
  content: '';
}

.m_waku:after {
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border-top: 1px solid #807265;
  border-left: 1px solid #807265;
}

.m_waku:before {
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  border-right: 1px solid #807265;
  border-bottom: 1px solid #807265;
}
.bg01 {
	background: #e1dad0;
	padding:20px;
	color: #807265;
	letter-spacing: 4px;
}
.no_waku {
	border-bottom: none;
}