/*
Theme Name: TORAMI_theme
Description: TORAMI_theme
Author: ビットスター株式会社
*/

@import url(css/animate.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,700);
/*========================================================
                      Main Styles
=========================================================*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
body {
	background: #f0f0f0;
	color: #808080;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: none;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.5px;
}
h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
}
h2 {
	margin-left: -3px;
	font-size: 38px;
	line-height: 53px;
}

h3 {
	font-size: 34px;
	margin-bottom: 40px;
}
h3.message {
	margin-bottom: 15px;
}
h4 {
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
}
@media (max-width: 479px) {
	h1 {
		font-size: 50px;
		line-height: 50px;
	}
	h2 {
		font-size: 40px;
		line-height: 40px;
	}
	h3 {
		font-size: 32px;
		line-height: 32px;
	}
}


time {
	display: block;
}
a {
	font: inherit;
	color: inherit;
	text-decoration: none;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
a:active {
	background: transparent;
}
a:focus {
	outline: none;
}
a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}
strong {
	font-weight: 700;
}
.fa {
	font-family: "FontAwesome";
	line-height: inherit;
}
[class*='fa-']:before {
	font-family: "FontAwesome";
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.mg-add {
	margin-top: 7px;
}
.oh {
	overflow: hidden;
}
.page {
	background: white;
	overflow: hidden;
	min-height: 500px;
	margin: 0 auto;
}
.lt-ie9 .page {
	min-width: 1200px;
}
.primary {
	color: #9BBB59;
}
.secondary {
	color: #1d71eb;
}
.bg_glay {
	background-color: #f9f9f9;
}
/*========================================================
                      Main Layout
==========================================================*/
/*
* + h4 {
  margin-top: 15px;
}

* + p {
  margin-top: 8px;
  line-height: 1.4;
 margin-bottom: 20px
}

* + .social-list {
  margin-top: 40px;
}

* + .booking-form {
  margin-top: 25px;
}

* + .row {
  margin-top: 37px;
}

* + .row + .row {
  display: table;
  width: 100%;
  margin: 37px 0;
}


h3 + p {
  margin-bottom: 20px;
}

h5 + p {
  margin-top: 6px;
}

p + h4 {
  margin-top: 7px;
}

img + h4,
.lazy-img + h4,
.image1 + h4 {
  margin-top: 11px;
}

/*=======================================================
                       Components
=========================================================*/
/*==================    Images     ======================*/
.image1 {
	display: inline-block;
	max-width: 201px;
	width: 200px;
	margin: 10px;
}
.image1, .image1 .lazy-img, .image1 img {
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	border-radius: 20%;
}
/*==================     Video     ======================*/
.video {
	width: 100%;
	height: 340px;
}
@media (max-width: 767px) {
	.video {
		height: 300px;
}
}
@media (max-width: 479px) {
	.video {
		height: 200px;
	}
}
/*========================   Menu   ==========================*/
header .nav {
	float: right;
}
/*==================   Lazy Img    ======================*/
.lazy-img {
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	background: white url("images/lazy-loader.gif") no-repeat center center;
}
.lazy-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 0;
	-moz-transition: 1s all ease;
	-o-transition: 1s all ease;
	-webkit-transition: 1s all ease;
	transition: 1s all ease;
	opacity: 0;
}
.lt-ie9 .lazy-img img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.lazy-img .lazy-loaded {
	opacity: 1;
}
.lt-ie9 .lazy-img .lazy-loaded {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=100);
}
/*==================   Parallax    ======================*/
.parallax {
	background-position: center 0;
	background-repeat: no-repeat;
}
.mobile .parallax, .tablet .parallax {
	background-position: 50% 0 !important;
	background-size: cover;
}
.parallax1 {
	background-image: url("images/kv.jpg");
	padding: 200px 50px;
	background-size: cover;
}
.parallax1, .parallax1 h1, .parallax1 h2, .parallax1 h3, .parallax1 h4, .parallax1 h5 {
	color: #FFF;
}
.parallax1 h2:first-child {
	-moz-text-shadow: 0px 0px 6px #666;
	-webkit-text-shadow: 0px 0px 6px #666;
	text-shadow: 0px 0px 6px #666;
}
.parallax1 p {
	font-weight: 400;
}
.parallax1 * + p {
	margin-top: 20px;
}

@media (max-width: 479px) {
	.parallax1 {
		padding-top: 80px;
		padding-bottom: 80px;
		padding: 100px 20px;
	}
}

.parallax2 {
	padding-top: 62px;
	padding-bottom: 77px;
	background-color: #FFF;
	background-image: url("images/parallax01.jpg");
}
.parallax2 * + .row {
	margin-top: 52px;
}

@media (max-width: 767px) {
	.parallax {
		background-position: center 0 !important;
		background-size: cover;
	}
}


/*==================     ToTop     ======================*/
.toTop {
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 38px;
	color: #fff;
	background: #FEA240;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: fixed;
	right: 66px;
	bottom: 20px;
	display: none;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	z-index: 20;
}
.toTop:hover {
	color: #fff;
	background: #FEA240;
	text-decoration: none;
}

/*========================================================
                     HEADER  Section
==========================================================*/
header {
	width: 100%;
	position: absolute;
	top: 0;
	padding: 10px 0;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
}
.header_panel:before, .header_panel:after {
	display: table;
	content: "";
	line-height: 0;
}
.header_panel:after {
	clear: both;
}

@media (max-width: 768px) {
	header {
		position: relative;
	}
}

/*==================     Brand     ======================*/
.brand-l {
	float: left;
	max-width: 531px;
	width: 50%;
}
.brand-r {
	float: right;
	width: 332px;
}
.brand-l, .brand-r {
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
}
.brand-r p {
	margin: 8px 0 0;
	text-align: left;
}
.brand-r p:first-child {
	margin: 0;
}

.brand_name {
	display: inline-block;
	font-size: 25px;
	line-height: 26px;
	overflow: hidden;
	color: #333;
	margin: 0;
}
.brand_name a {
	display: inline-block;
}
.brand_slogan {
	margin-top: 8px;
	font-size: 13.5px;
}
.brand_slogan span {
	display: inline-block;
}


@media (max-width: 768px) {
	.brand-l, .brand-r {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	.brand-r {
		margin-top: 16px;
	}
	.brand_slogan {
		text-align: center;
		line-height: 1.3;
	}

}


/*==================     Key Visual     ======================*/
#home {
	min-height: 450px;
	padding-top: 140px;
	background: url(images/bg_mv.jpg) no-repeat center top;
	background-size: cover;
	text-align:center;
}
#home .grid_7 {
	margin: 0;
	text-align: center;
}
#home .container .row {
	margin: 0;
}
#home div {
	position: relative;
	display: block;
	width: 1200px;
	height: 400px;
	margin: auto;
	text-align: left;
}
#home div img {
	position: relative;
	top: 170px;
}
#home div + * {
	display: none;
}

@media (max-width: 768px) {
	#home {
		width: 100%;
		min-height: 200px !important;
		padding-top: 0;
	}
	#home div {
		width: 90%;
		height: 200px;
		padding: 10px;
	}
	#home div img {
		top: 30px;
	}
}
@media (max-width: 599px) {
}
@media (max-width: 480px) {
	#home div + * {
		display: block;
	}
	#home div:first-child {
		display: none;
	}
	#home div img {
		width: 100%;
		height: auto;
	}
}

/*========================================================
                     CONTENT  Styles
=========================================================*/
main {
	display: block;
}

/*==================      Well     ======================*/
section.well {
	padding: 60px 0;
	text-align: center;
}
section.well__ins1 {
	padding-bottom: 79px;
}
section.well .subscribe-form:first-child {
	margin-top: 70px;
}

@media (max-width: 979px) {
	section.well .subscribe-form:first-child {
		margin-top: 0;
	}
}
section.well2 {
	padding: 60px 0;
}
section.well3 {
	padding: 80px 0;
}
section.well3 .container .row .grid_6 {
	text-align: center;
}
section.well3 h3:first-child {
	margin-top: 49px;
	text-align: center;
}

@media (max-width: 979px) {
	section.well2 h3:first-child, section.well3 h3:first-child {
		margin-top: 0;
	}
}
section.well4 {
	padding-top: 60px;
	padding-bottom: 60px;
}
section.well > h3:first-child {
	margin: 0;
	padding: 20px 10px 40px;
}


.grid_3 p {
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
}


/*==================  feature  ======================*/
#sch_feature {	background: #C0E2E2;}

#sch_feature ul { position: relative; display: table; overflow: hidden;}
#sch_feature ul:before, #sch_feature ul:after { display: table; content: ""; line-height: 0;}
#sch_feature ul:after { clear: both;}

#sch_feature div > ul > li {
	position: relative;
	display: table-cell;
	width: 261px;
	border-left: 40px solid #C0E2E2;
	margin-top:  20px;
	background-color: #FFFFFF;
}
#sch_feature ul li:first-child {
	border-left: 0;
}
#sch_feature div > ul > li:after {
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 1;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}
#sch_feature ul li h4 {
	display: table;
	width: 100%;
	height: 160px;
	color: #808080;
}
#sch_feature ul li.feature01 h4 { background: url(images/feature_img01.jpg) no-repeat center center; background-size: cover;}
#sch_feature ul li.feature02 h4 { background: url(images/feature_img02.jpg) no-repeat center center; background-size: cover;}
#sch_feature ul li.feature03 h4 { background: url(images/feature_img03.jpg) no-repeat center center; background-size: cover;}
#sch_feature ul li.feature04 h4 { background: url(images/feature_img04.jpg) no-repeat center center; background-size: cover;}

#sch_feature ul li h4 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#sch_feature ul li p {
	padding: 20px;
	padding-top:0;
	text-align: left;
	line-height: 1.3;
	color: #808080;
}
#sch_feature ul li ul {
	padding: 20px;
	padding-top:10px;
    list-style: disc;
    margin-left: 20px;
}
#sch_feature ul li ul li {
    clear: both;
    width: 201px;
    height: auto;
    margin: 0 0 10px;
    color: #808080;
    text-align: left;
}
#sch_feature .bnr_tour {
	display:block;
}
#sch_feature .bnr_tour + div {
	display:none;
}
#sch_feature .youtube_movie {
	background:none;
	margin-top:40px;
}

@media (max-width: 1199px) {
	#sch_feature ul li {
		width: 22.15%;
		margin-left: 3.8%;
	}
	#sch_feature div > ul > li:after {
		background:none;
	}
	#sch_feature .youtube_movie iframe {
		width: 300px;
		height: 180px;
	}
	#sch_feature .bnr_tour {
	display:none;
	}
	#sch_feature .bnr_tour + div {
		display:block;
	}

}
@media (max-width: 959px) {
	#sch_feature ul {display: block; }
	#sch_feature ul li:first-child + li + li {
		clear: left;
		margin-left: 0;
	}
	#sch_feature div > ul > li {
		display: block;
		float: left;
		width: 100%;
		margin-left: 0;
		border-left: 0;
		z-index: 10;
	}
	#sch_feature ul li:after {
		/*display: none;*/
		bottom: 0;
		z-index: 0;
	}
	#sch_feature ul li.feature03 {  z-index: 20;}

	#sch_feature ul li.feature01:after { left: 107.9%;}
	#sch_feature ul li.feature02:after { left: -107.9%; display:none;}
	#sch_feature ul li.feature03:after { left: 107.9%; display:none;}
	#sch_feature ul li.feature04:after { left: -107.9%;}

	#sch_feature ul li h4 {
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	#sch_feature ul li p {}
}/*
@media (max-width: 479px) {
	#sch_feature div > ul > li {
		clear: left;
		float: none;
		width: 100% !important;
		margin-left: 0;
	}
	#sch_feature div > ul > li:after {
		display: none;
	}
}*/

/* banner - tour */
.bnr_tour {
	clear: both;
	display: table;
	width: 100%;
	margin-top: 40px;
	text-align: center;
}
.bnr_tour p {
	display: table-cell;
	vertical-align: middle;
}
.bnr_tour p:first-child {
	text-align: center;
}
.bnr_tour p:first-child + p {
	width: 560px;
	text-align: right;
}
@media (max-width: 959px) {
	.bnr_tour {
		display: block;
		max-width: 560px;
		margin: 30px auto 0;
	}
	.bnr_tour p {
		display: block;
	}
	.bnr_tour p:first-child + p {
		width: auto;
	}

}
/*==================  greeting  ======================*/
#sch_greeting {
	padding-bottom: 0;
}

/* message */
.sch_greeting_message {
	position: relative;
	padding-bottom: 40px;
}

#sch_greeting_message:before, #sch_greeting_message:after { display: table; content: ""; line-height: 0;}
#sch_greeting_message:after { clear: both;}
.sch_greeting_message h4 span {
	display:block;
	color:#808080;
}
.sch_greeting_message .floatImg {
	position: absolute;
	right: 0;
	top: 0;
	width: 290px;
}
.sch_greeting_message .textArea {
	width:1130px;
}
.sch_greeting_message .textArea:before {
	content: "";
	display: block;
	float: right;
	width: 240px;
	height: 300px;
	margin-left: 30px;
}
.sch_greeting_message .textArea p {
	margin-top: 1em;
	line-height: 1.5;
}
@media (max-width: 959px) {
	.sch_greeting_message .textArea:before { display: none;}
	.sch_greeting_message .floatImg {
		position: static;
		float: right;
		width: 240px;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.sch_greeting_message h3,
	.sch_greeting_message h4 {
		text-align: center;
	}
	.sch_greeting_message .textArea p br { display: none;}
	.sch_greeting_message .textArea {
		width:100%;
	}
}
@media (max-width: 767px) {
	.sch_greeting_message .floatImg { width: 30%;}
}
@media (max-width: 479px) {
	.sch_greeting_message .floatImg { width: 40%; margin-left: 20px;}
}

/* movie */
#sch_greeting .youtube_movie {
	padding: 40px 0;
}
@media (max-width: 649px) {
	#sch_greeting .youtube_movie iframe { width: 400px; height: 240px;}
}
@media (max-width: 479px) {
	#sch_greeting .youtube_movie iframe { width: 300px; height: 180px;}
}

/*==================  lifestyle  ======================*/
#sch_lifestyle { background-color: #FBB03B;}

#sch_lifestyle ul { position: relative; display: table; overflow: hidden;}
#sch_lifestyle ul:before, #sch_lifestyle ul:after { display: table; content: ""; line-height: 0;}
#sch_lifestyle ul:after { clear: both;}

#sch_lifestyle ul li {
	position: relative;
	display: table-cell;
	width: 261px;
	border-left: 40px solid #FBB03B;
	margin-top:  20px;
	background-color: #FFFFFF;
}
#sch_lifestyle ul li:after {
	position: absolute;
	left: 0;
	bottom: -100%;
	z-index: 1;
	content: "";
	display: block;
	background: #FFF;
	width: 100%;
	height: 100%;
}
#sch_lifestyle ul li:first-child {
	border-left: 0;
}
#sch_lifestyle ul li h4 {
	width: auto;
	margin: 0 20px;
	padding: 45px 0;
	border-bottom: 10px solid #FBB03B;
	color: #808080;
}
#sch_lifestyle ul li p {
	padding: 20px;
	text-align: left;
	line-height: 1.3;
	color: #808080;
}
@media (max-width: 1199px) {
	#sch_lifestyle ul li {
		width: 22.15%;
		margin-left: 3.8%;
	}
}
@media (max-width: 959px) {
	#sch_lifestyle ul { display: block; }
	#sch_lifestyle ul li:first-child + li + li {
		clear: left;
		margin-left: 0;
	}
	#sch_lifestyle ul li {
		display: block;
		width: 100%;
		margin-left: 0;
		border-left: 0;
	}
	#sch_lifestyle ul li:after {
		/*display: none;*/
		bottom: 0;
		z-index: 0;
	}
	#sch_lifestyle ul li:first-child, #sch_lifestyle ul li:first-child + li + li {  z-index: 20;}

	#sch_lifestyle ul li:first-child:after { left: 107.9%; display:none;}
	#sch_lifestyle ul li:first-child + li:after { left: -107.9%;}
	#sch_lifestyle ul li:first-child + li + li:after { left: 107.9%; display:none;}
	#sch_lifestyle ul li:first-child + li + li + li:after { left: -107.9%;}

}/*
@media (max-width: 479px) {
	#sch_lifestyle ul li {
		clear: left;
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#sch_lifestyle ul li h4 {
		padding: 20px 0;
	}
	#sch_lifestyle ul li:after {
		display: none;
	}
}*/

/*==================  senior  ======================*/
#sch_senior { background-color: #F9F9F9;}

#sch_senior .container { width: 1170px;}

/* movie
#sch_senior .movieArea {
	display: table-cell;
	width: 570px;
} */

#sch_senior .movieArea .youtube_movie { margin: 0 auto;}
#sch_senior .movieArea .youtube_movie h3 { text-align: center }

/* text */
/*#sch_senior .textArea {
	display: table-cell;
	padding-left: 40px;
	vertical-align: middle;
}
#sch_senior .textArea h3 {
	margin-bottom: 20px;
}
#sch_senior .textArea p {
	margin-top: 1em;
	line-height: 1.3;
}*/
#sch_senior .textArea ul {
	display: table;
	width: 1170px;
	margin-top: 58px;
}
#sch_senior .textArea li {
	display: table-cell;
	width: 325px;
	vertical-align: top;
	border-left: 58px solid #F9F9F9;
	line-height: 1.3;
}
#sch_senior .textArea li:first-child { border-left: 0; }
#sch_senior .textArea img {
	display: block;
	margin: 0 auto 24px;
}
#sch_senior .textArea h4 {
	margin-bottom: 0;
	color: #F15A24;
	font-size: 16px;
}


@media (max-width: 1169px) {
	#sch_senior .container { width: 100%;}
}
@media (max-width: 959px) {
	#sch_senior .container { display: block; width: auto;}
	#sch_senior .movieArea { display: block; width: auto;}
	#sch_senior .textArea { display: block; width: auto; margin-top: 40px; padding-left: 0;}
	#sch_senior .textArea h3 { text-align: center;}
	#sch_senior .textArea ul { display: block; width: auto; }
	#sch_senior .textArea li { display: block; width: 100%; margin-top: 20px; border-left: 0; }
	#sch_senior .textArea li:first-child { margin-top: 0; }
}
@media (max-width: 649px) {
	#sch_senior .youtube_movie iframe { width: 400px; height: 240px;}
}
@media (max-width: 479px) {
	#sch_senior .youtube_movie iframe { width: 300px; height: 180px;}
}



/*==================  speakers  ======================*/
#speakers { background: url(images/gallery_bg.png) repeat-y top center; }
#speakers .container {
	display: table;
	max-width: 1170px;
	width: auto;
	padding: 0;
}
#speakers h3 {
	margin-bottom: 0;
	padding: 0 10px;
	text-align: center;
}

/* gallery */
.galleryList {
	display: table-cell;
	width: 662px;
	vertical-align: top;
	padding-right: 30px;
}
.galleryList li {
	float: left;
	width: 33%;
	margin-top: 40px;
}
.galleryList li img {
	display: inline-block;
	width: 90%;
	height: auto;
	border: 3px solid #CCCCCC;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* facebook */
#speakers .fbArea {
	display: table-cell;
	width: 437px;
	vertical-align: top;
}
#speakers .fbArea h3 {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #0071BC;
	font-size: 22px;
	line-height: 1;
	text-align: center;
	color: #ffffff;
}
#speakers .fbArea .fbCover {
	width: auto;
	margin: 0 auto;
}

@media (max-width: 959px) {
	#speakers .container { display: block; }
	.galleryList { display: block; width: auto; padding: 0 20px; }
	.galleryList li { width: 33.3%;}
	#speakers .fbArea { display: block; width: auto; padding: 40px 20px 0; }
}
@media (max-width: 767px) {
	.galleryList li { width: 50%; margin-top: 20px;}
}
@media (max-width: 479px) {
	.galleryList { padding: 0 10px;}
	.galleryList li img { width: 80%;}
}


/*==================  social - facebook  ======================*/
#social_fb {

}

/* movie */
#social_fb .movieArea {
	float: left;
	width: 570px;
}
#social_fb .movieArea .youtube_movie { margin-top: 20px;}
#social_fb .movieArea .youtube_movie:first-child { margin-top: 0;}

@media (max-width: 1169px) {
	#social_fb .movieArea { float: none; width: auto; padding:0; }
	#social_fb .fbArea { float: none; width: 570px; margin: 40px auto 0;}
}
@media (max-width: 649px) {
	#social_fb .youtube_movie iframe { width: 400px; height: 240px;}
}
@media (max-width: 599px) {
	#social_fb .fbArea { float: none; width: auto; margin: 20px auto 0;}
}
@media (max-width: 519px) {
	#social_fb .fbArea .fbCover { width: auto;}
}
@media (max-width: 479px) {
	#social_fb .youtube_movie iframe { width: 300px; height: 180px;}
}





/*==================  melit  ======================*/
#melit {}
#melit h3 { text-align: center;}

/* staff */
#melit .staffArea {
	float: left;
}
#melit .staffArea dl {
	float: left;
	width: 555px;
	margin: 0 10px;
}
#melit .staffArea dl dt {
	margin-top: 20px;
	padding: 10px;
	background-color: #FEA240;
	text-align: center;
	color: #FFF;
}
#melit .staffArea dl dt:first-child { margin-top: 0;}

#melit .staffArea dl dd {
	padding-top: 10px;
	line-height: 1.2;
}
#melit .staffArea dl dd ul {
	list-style: disc;
	margin-left: 20px;
}
#melit .staffArea dl dd ul li { margin-top: 5px;}
#melit .staffArea dl dd ul li:first-child { margin-top: 0;}

/* staff image */
#melit .imgArea {
	float: right;
	width: 555px;
	text-align: center;
}
@media (max-width: 1169px) {
	#melit .staffArea { width: 48%;}
	#melit .imgArea { width: 48%;}
	#melit .staffArea dl {
		width: 100%;
		margin-bottom: 20px;
	}
}
@media (max-width: 959px) {
	#melit .staffArea {
		float: none;
		width: auto;
		padding: 10px;
	}
	#melit .staffArea dl {
		margin-left: 0;
		margin-right: 0;
	}
	#melit .imgArea { float: none; width: auto; margin-top: 40px;}
}



/*==================  detail  ======================*/
#detail {}

#detail h3 {
	text-align: center;
}
#detail dl {
	border-bottom: 1px solid #E6E6E6;
	background-color: #9BBB59;
	margin-bottom:45px;
}
#detail dt {
	float: left;
	width: 150px;
	padding: 10px 0;
	border-top: 1px solid #E6E6E6;
	text-indent: 10px;
	font-weight: 500;
	color: #fff;
}
#detail dd {
	margin-left: 150px;
	padding: 10px 0 10px 10px;
	background-color: #fff;
	border-top: 1px solid #E6E6E6;
	line-height: 1.4;
}
#detail p {
	text-align: center;
}
#detail p input {
	max-width: 100%;
	height: auto;
}

@media (max-width: 599px) {
	#detail dl {
		background: none;
	}
	#detail dt {
		float: none;
		width: auto;
		margin-top: 10px;
		background-color: #9BBB59;
	}
	#detail dt:first-child { margin-top: 0;}
	#detail dd {
		margin-left: 0;
		padding: 10px;
		border-top: none;
	}
}
/*==================  form  ======================*/
#form h3, #form h3 + p {
	text-align: center;
}

#form dl {
	border-bottom: 1px solid #E6E6E6;
	background-color: #9BBB59;
}
#form dt {
	float: left;
	width: 150px;
	padding: 10px 0;
	border-top: 1px solid #E6E6E6;
	text-indent: 10px;
	font-weight: 500;
	color: #fff;
}
#form dd {
	margin-left: 150px;
	padding: 10px 0 10px 10px;
	background-color: #fff;
	border-top: 1px solid #E6E6E6;
	line-height: 1.4;
}
@media (max-width: 599px) {
	#form dl {
		background: none;
	}
	#form dt {
		float: none;
		width: auto;
		margin-top: 10px;
		background-color: #9BBB59;
	}
	#form dt:first-child { margin-top: 0;}
	#form dd {
		margin-left: 0;
		padding: 10px;
		border-top: none;
	}
}


/*==================  description  ======================*/
#description {}
#description h3 {
	margin-bottom: 20px;
}

/* overview */
#description .textArea {
	position: relative;
	float: left;
	width: 560px;
}
#description .textArea .overview {}
#description .textArea:before {
	content: "";
	display: block;
	float: right;
	width: 200px;
	height: 156px;
}
#description .textArea .overview dl {}
#description .textArea .overview dl dt {
	float: left;
	padding: 0;
	width: 5em;
	line-height: 1.3;
}
#description .textArea .overview dl dd {
	line-height: 1.3;
	padding: 0 0 0 5em;
}
#description .textArea .overview .floatImg {
	position: absolute;
	right: 0;
	top: 0;
}
.ConsultationHours p:first-child {
	padding:10px 0;
	color:#9BBB59;
}
.ConsultationHours table {
	margin: 0 0 20px;
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
}
.ConsultationHours table tr {
	border-top: 1px solid #E6E6E6;
}
.ConsultationHours table thead th, .ConsultationHours table tbody th {
	font-weight: 500;
}
.ConsultationHours table thead th:first-child,
.ConsultationHours table tbody th:first-child {
	text-align: center;
}
.ConsultationHours table th {
	background: #29ABE2;
	color: #ffffff;
	text-align:center;
}
.ConsultationHours table tbody th:first-child {
	background-color:#29ABE2;
}
.ConsultationHours table th, .ConsultationHours table td {
	text-align: center;
	padding: 5px;
	border-left: 1px solid #E6E6E6;
}
.ConsultationHours table th:first-child {
	border-left: none;
}

@media (min-width: 768px) and (max-width: 979px), (max-width: 479px) {
	.ConsultationHours table {
		width: 100%;
		font-size: 15px;
	}
	.ConsultationHours table thead tr, .ConsultationHours table tbody tr th:first-child {
		background-color: #29ABE2;
	}
}

/* movie */
#description .movieArea {
	float: right;
}
#description .movieArea iframe {
	width: 570px;
	height: 400px;
}
@media (max-width: 1169px) {
	#description .textArea { float: none; max-width:768px; width: auto; margin: 0 auto;}
	#description .movieArea { float: none; max-width:768px; width: auto; margin: 40px auto 0;}
}
@media (max-width: 649px) {
	#description .movieArea iframe {
		width: 100%;
		height: 240px;
	}
}
@media (max-width: 479px) {
	#description h3 { text-align: center; margin-bottom: 40px;}
	#description .textArea:before { display: none;}
	#description .textArea .overview .floatImg { position: static; margin-top: 20px; text-align: center;}
	#description .youtube_movie iframe { width: 300px; height: 180px;}
}


/*==================  GOOGLE MAP  ======================*/
.map {}

.ggmap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 370px;
}
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 370px;
}


/*==================  youtube_movie  ======================*/
.youtube_movie {
	background-color: #F9F9F9;
}
.youtube_movie iframe {
	display: block;
	margin: 0 auto;
	max-width: 570px;
	height: 320px;
}


/*==================  Backgrounds  ======================*/

.bg-primary, section.well4 {}
section.well4 {
	color: #fff;
}
.bg-primary .fa-map-marker, .bg-primary .fa-calendar, .bg-primary .fa-microphone, .bg-primary .fa-group {
	color: #FFF;
	border-color: #FFF;
}
.bg-primary, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5 {
	color: #FFF;
}
.bg-dark {
	background: #F7F7F7;
}
/*==================      Box      ======================*/
.box {
	line-height: 22px;
}
.box_aside {
	float: left;
	margin-right: 18px;
}
.fa-map-marker, .fa-calendar, .fa-microphone, .fa-group {
	width: 78px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	font-size: 39px;
	color: #333;
	border: 2px solid #333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.box:before, .box:after {
	display: table;
	content: "";
	line-height: 0;
}
.box:after {
	clear: both;
}
.box_cnt__no-flow {
	overflow: hidden;
}
.box_cnt p:first-child {
	font-size: 30px;
}
.box_cnt h4 {
	text-align: left;
	line-height: 1;
	margin-bottom: 10px;
}
.box * + p {
	margin-top: 3px;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
}

@media (min-width: 768px) and (max-width: 979px), (max-width: 479px) {
	.box {
		text-align: center;
		padding: 0;
	}
	.box_aside {
		float: none;
		margin: 0 0 10px 0;
	}
}




/*========================================================
                     FOOTER  Section
=========================================================*/
footer {
	padding: 18px 0 19px;
	text-align: center;
}
.copyright {
	font-size: 12px;
	line-height: 1.6;
}
.copyright span {
	display: inline-block;
}

/*========================================================
                     HOVER
=========================================================*/
body a:hover, #trust-form input[type=submit][name="send-to-confirm"]:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	text-decoration: none;
}
.lifestyle h4 {
	margin-top: 18px;
	line-height: 1.2;
}
h3.job {
	margin-bottom: 20px;
}
.container .grid_6 {
	width: 570px;
	text-align: left;
}
h3.application {
	margin-bottom: 10px;
}
p.application_note {
	margin-bottom: 38px;
}
h3.about {
	margin-bottom: 20px;
}
dl.overview {
	font-size: 14px;
}
p.attention {
	font-size: 14px;
	padding-bottom:20px;
}
p.attention span {
	color:#9BBB59;
	padding-right:10px;
}

@media (min-width: 768px) and (max-width: 979px), (max-width: 479px) {
	.container .grid_6 {
		width: 100%;
	}
}

@media (min-width : 768px) and (max-width : 1024px) {
	/*.brand-l,  .brand-r {
		text-align: center;
		width: 47%;
	}*/
	.container .grid_6, .fb {
		width: 99%;
	}
	.grid_6 img {
		width: 100%;
	}
	.container .fb {
		text-align: center;
	}
	.image1 {
		width: 160px;
	}
	#description dl + img {
		width: 32%;
	}
}