/* Enter Your Custom CSS Here */

/*
home-concept
------------------------------------------*/
.home-concept2 {
    background: url(/wp-content/uploads/2016/06/13336083_948209655291792_5869342012269039568_n.jpg) no-repeat 50% 0 fixed;
    background-size: cover !important;
    text-align: center;
    min-height: 500px;
}

.home-concept2 .grid-pad {
    padding-top: 114px;
    padding-left: 0;
    max-width: 1600px;
}

.home-concept2 .col-1-1 {
    padding-right: 0;
}

.home-concept2 h3 {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 44px;
    color: #fff;
}

.home-concept2 p {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 33px;
    color: #fff;
}

.home-concept2 button {
    font-size: 28px;
    padding: 0.7em 2em;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border: 3px solid #fff;
}

.home-concept2 a:hover button {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #fff;
}

@media screen and (max-width: 768px) {
    .home-concept2 {
        background-size: cover;
        min-height: inherit;
    }

    .home-concept2 .col-1-1 {
        padding: 0 10px;
    }

    .home-concept2 .grid-pad {
        padding: 20px 0;
    }

    .home-concept2 p {
        text-align: left;

    }
}
/*
home-concept
------------------------------------------*/
.home-concept {
    background: url(/wp-content/uploads/2015/03/home_concept.jpg) no-repeat 50% 0 fixed;
    background-size: cover !important;
    text-align: center;
    min-height: 500px;
}

.home-concept .grid-pad {
    padding-top: 114px;
    padding-left: 0;
    max-width: 1280px;
}

.home-concept .col-1-1 {
    padding-right: 0;
}

.home-concept h3 {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 44px;
    color: #fff;
}

.home-concept p {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 33px;
    color: #fff;
}

.home-concept button {
    font-size: 28px;
    padding: 0.7em 2em;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border: 3px solid #fff;
}

.home-concept a:hover button {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #fff;
}

@media screen and (max-width: 768px) {
    .home-concept {
        background-size: cover;
        min-height: inherit;
    }

    .home-concept .col-1-1 {
        padding: 0 10px;
    }

    .home-concept .grid-pad {
        padding: 20px 0;
    }

    .home-concept p {
        text-align: left;

    }
}

@media screen and (max-width: 768px) {
.contact-area h6,
.home-media h6,
.home-services h6,
.home-content h6,
.home-news h6,
.footer-contact h6{
  color:#000;
  font-size: 24px;
line-height:1.4;
  background: none;
  font-weight: normal;
}
}



/*
home-business
------------------------------------------*/
.home-business {
    background-size: cover !important;
    text-align: center;
}

.home-business .grid-pad {
    padding-top: 50px;
    padding-left: 0;
    max-width: 1000px;
}

.home-business .col-1-1 {
    padding-right: 0;
}

.home-business h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 25px;
    color: #000;
}

.home-business p {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 72px;
    color: #fff;
}

.home-business button {
    font-size: px;
    padding: 2em 4em;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border: 3px solid #fff;
}

.home-business a:hover button {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #fff;
}

@media screen and (max-width: 768px) {
    .home-business {
        background-size: cover;
        min-height: inherit;
    }

    .home-business .col-1-1 {
        padding: 0 10px;
    }

    .home-business .grid-pad {
        padding: 20px 0;
    }

    .home-business p {
        text-align: left;
    }
}


#fixedBg1{
	background:url(/wp-content/uploads/2016/06/13336083_948209655291792_5869342012269039568_n.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:500px;
}
@media screen and (max-width: 767px) {
	#fixedBg1{
		background: url(/wp-content/uploads/2016/06/13336083_948209655291792_5869342012269039568_n.jpg) no-repeat 50% 0;
		background-size: auto 100%;
	}
}

#fixedBg2{
	background:url(/wp-content/uploads/2016/03/SP_0314.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg2{
		background: url(/wp-content/uploads/2016/03/SP_0314.jpg) no-repeat 50% 0;
		background-size: auto 100%;
	}
}

#fixedBg3{
	background:url(/wp-content/uploads/2015/10/home_concept.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg3{
		background: url(/wp-content/uploads/2015/10/home_concept.jpg) no-repeat 50% 0;
		background-size: auto 100%;
	}
}

#fixedBg4{
	background:url(/wp-content/uploads/2016/06/all.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg4{
		background: url(/wp-content/uploads/2016/06/all.jpg) no-repeat 50% 0;
		min-height:350px;
	height: 350px !important;
	}
}
#fixedBg5{
	background:url(/wp-content/uploads/2016/06/owner.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg5{
		background: url(/wp-content/uploads/2016/06/owner.jpg) no-repeat 50% 0;
		min-height:350px;
	height: 350px !important;
	}
}
#fixedBg6{
	background:url(/wp-content/uploads/2016/03/SP_8604.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg6{
		background: url(/wp-content/uploads/2016/03/SP_8604.jpg) no-repeat 50% 0;
		min-height:350px;
	height: 350px !important;
	}
}
#fixedBg7{
	background:url(/wp-content/uploads/2016/03/zyusyou1.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg7{
		background: url(/wp-content/uploads/2016/03/zyusyou1.jpg) no-repeat 50% 0;
		min-height:350px;
	height: 350px !important;
	}
}
#fixedBg8{
	background:url(/wp-content/uploads/2016/03/SP_0290.jpg) no-repeat  50% 0 fixed;
    background-size:cover;min-height:600px;
}
@media screen and (max-width: 767px) {
	#fixedBg8{
		background: url(/wp-content/uploads/2016/03/SP_0290.jpg) no-repeat 50% 0;
		min-height:350px;
	height: 350px !important;
	}
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*
 * These rules will display DTs/DDs as columns.
 * Constructs must follow a key/value pair pattern.
 * The three last declarations are meant to kill white space between DTs/DDs 
 * (result of inline-block styling)
 */
dl {
  width:90%;
  margin:20px auto;
  letter-spacing:-0.31em;
  *letter-spacing:normal;
  word-spacing:-0.43em;
} 
/* 
 * In this rule, we reset the white-space (see hack above)
 * The width + left/right padding of DTs/DDs equals 50% (for two equal columns)
 */
dt {
  display:inline-block;
  *display:inline;
  zoom:1;
  letter-spacing:normal;
  word-spacing:normal;
  vertical-align:top;
  width:30%;
  padding:3px 2% 4px;
  margin:0;
    border-bottom:1px solid #999;
  text-align:left;
}
dd {
  display:inline-block;
  *display:inline;
  zoom:1;
  letter-spacing:normal;
  word-spacing:normal;
  vertical-align:top;
  width:60%;
  padding:3px 2% 4px;
  margin:0;
    border-bottom:1px solid #999;
  text-align:left;
}
/*
 * To keep things tight
 */
dt {
  margin-right:-1px;
}

/*----------------------------------------------------
    .price
----------------------------------------------------*/
.price th  { width: 20%; text-align: center; color:#FFFFFF;vertical-align:middle; }
 .price td  { text-align: left; color:#FFFFFF }
@media only screen and (max-width:767px){
    .price { margin: 0 0px 60px; }
    .price th,
    .price td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #fff; }
}

table.price  { width: 100%;border: 1px solid #fff;font-size: 16px;line-height: 30px;text-align: left;}
.price th, section td  { padding: 10px; border: 1px solid #fff;}
.price th  { background:rgba(255,255,255,0.3);  }


/*----------------------------------------------------
    .gakko
----------------------------------------------------*/
.gakko th  { width: 20%; text-align: center; color:#333333;vertical-align:middle; }
 .gakko td  { text-align: left; color:#333333 }
@media only screen and (max-width:767px){
    .gakko { margin: 0 0px 60px; }
    .gakko th,
    .gakko td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #CCC; }
}

table.gakko  { width: 100%;border: 1px solid #CCC;font-size: 16px;line-height: 30px;text-align: left;}
.gakko th, section td  { padding: 10px; border: 1px solid #CCC;}
.gakko th  { background: #CCC;  }


#triangle{
height:0px;
width:0px;
border:50px solid #e1ecf7;
border-color:transparent;
border-top-color:#e1ecf7;
margin: 0 auto;
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  margin-bottom:30px;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}