
.section-home{
	height: 715px;
	width: 100%;
	padding: 0;
}

.bread-home{
	height: 100%;
	width: 100%;
	padding-top: 100px;
	background-size: cover;
	background-position: center center;
	text-align: center;
	color: #FFF;
}

.bread-home .carousel-item{ height: 200px; }

.bread-home .ct-title-area{
	padding-top: 80px;
}

#bread-main-title{ margin-bottom: 35px; }

.bread-home .ct-title-area img{ width:82px; margin-bottom: 20px; }

.section-home .ct-bigtitle-text{
	font-family:"adobe-garamond-pro",serif;	
	font-size: 5em;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.section-home .ct-title-text{
	font-size: 2.9em;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.section-home .ct-subtitle-text{
  font-size: 1.3em;
  line-height: 1.3em;
  letter-spacing: -0.025em;
  opacity: 0.7;
}

.ct-title-button{
	width: 200px;
	margin-top: 5px;
	padding: 12px 0;
	border-radius: 50px;
	border: none;
	text-align: center;
	font-size: 1.4em;
	font-weight: 500;
	background-color:#E1B000;
	color: #000;
	cursor: pointer;
	transition-property: margin;
  transition-duration: 0.5s;
}

.ct-title-button:hover {
	margin-top: 0;
}

.ct-title-subtext{
	text-align: center;
	font-size: 1.2em;
	color: #dddddd;
}

/* ////////// floating-button ////////// */

.floating-area {
  position: fixed;
  width: 50px;
  top: 200px;
  right: 0;
  z-index: 1000;
}

.floating-area a,
.floating-mobile-area a { text-decoration: none; }

.floating-area a img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 15px 0 0 15px;
}

.floating-mobile-area {
  position: fixed;
  width: 280px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1000;
}

.floating-mobile-area a img{
	width: auto;
	height: 40px;
	margin: 0 5px;
	border-radius: 15px 15px 0 0;
}

/* ////////// ct-home ////////// */

.ct-home .post-title{ margin-bottom: 10px; font-size: 2.4em; color: #470a68; }
.ct-home .post-subtitle{ color: #967da4; }
.ct-home .card-pink{
	width:100%;
	padding: 60px 50px;
	background-color: #fcfafe;
	border-radius: 20px;
	color:rgba(98, 90, 115, 0.8);
}
.ct-home-ta { margin-bottom: 15px; }
.ct-home-ta .post-subtitle{ font-size: 1.5em; color:#000; margin-top:10px; }
.ct-home-ta .ct-home-ta-icon-td{ width: 80px; height: 90px; }
.ct-home-ta .ct-home-ta-icon-td img{ width: 55px; }
.ct-home .card-white{
	width:100%; height: 100%;
	padding: 30px 0 20px 0;
	background-color: #FFF;
	border-radius: 10px;
	text-align: center;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.2em;
	color:rgba(98, 90, 115, 0.8);
}
.ct-home .card-white img{ width:50px; margin-bottom:20px; }
	
.ct-home2{ padding: 0; color: #d0bddb; }
.ct-home2 .bg-video {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: hidden;
  margin: 0px auto;
 	background-size: cover;
	background-position: center center;
}
.ct-home2 video { object-fit: cover; }
.ct-home2 .k-container{ position: absolute; top:100px; left: 0; right:0; text-align: center; }
.ct-home2 .post-title{ font-size: 2.8em; font-weight: 600; color: #FFF; margin-bottom: 7px; }
.ct-home2 .post-subtitle{ font-size: 2em; font-weight: 400; color: #caafd9; margin-bottom: 20px; }

.ct-home3{ color: #6e6e6e; }
.ct-home3 img{ width: 100%; border-radius: 15px; }
.ct-home3 .ct-home-point{
	display: inline-block;
	padding: 7px 20px;
	margin-bottom: 15px;
	border-radius: 25px;
	font-family:"adobe-garamond-pro",serif;
	font-size: 1.1em;
	background-color: #470a68;
	color: #FFF;
}
.ct-home3 .post-title{ margin-bottom: 5px; font-size: 2.1em; color: #470a68; }
.ct-home3 .post-subtitle{ margin-bottom: 25px; color: #967da4; }
.ct-home3 .col-lg-6{ padding: 40px; }

.ct-home4{
	height: 470px;
	margin-bottom: 60px;
	padding-top: 100px;
	background-size: cover;
	background-position: center center;
	color: #d0bddb;
}
.ct-home4 img{ width:180px; margin-bottom:10px; }
.ct-home4 .post-title{ font-size: 2.7em; font-weight: 600; color: #FFF; margin-bottom: 12px; }
.ct-home4 .post-subtitle{ font-size: 1.3em; font-weight: 400; color: #b58dcb; margin-bottom: 40px; }

/* ////////////////////////////// Media Query ////////////////////////////// */

@media screen and (max-width: 991px) {
	
	.section-home .ct-bigtitle-text{ font-size: 3em; }
	.section-home .ct-title-text{ font-size: 3em; }
	.bread-home .ct-title-area{ padding-top: 20px; }
	.ct-title-button{ width: 150px; margin-bottom: 5px; padding: 10px 0; font-size: 1.3em; }
	.ct-title-subtext{ font-size: 1em; }
	.popup-frame{ width: 380px; }
}

@media screen and (max-width: 768px) {
		
	.section-home{ height:530px; }
	.ct-title-button{ width: 120px; margin-bottom: 5px; padding: 7px 0; font-size: 1.1em; }
	.bread-home .carousel-item{ height: 170px; }
	.bread-home .ct-title-area{ padding-top: 20px; }
	.bread-home .ct-title-area img{ width:55px; margin-bottom: 20px; }
	.section-home .ct-title-text{ font-size: 1.7em; }
	.section-home .ct-subtitle-text{ font-size: 1em; }
	
	.ct-home{ padding-bottom: 30px; }
	.ct-home .ct-home-btlist{ margin-bottom: 20px; }
	.ct-home .post-title{ font-size: 1.8em; }
	.ct-home .post-subtitle{ font-size: 1.2em; }
	.ct-home .card-pink{ padding: 20px 20px; margin-bottom: 10px; }
	.ct-home .card-white{ padding: 20px 0 5px 0; font-size: 1.2em; }
	
	.ct-home2 .bg-video { height: 360px; }
	.ct-home2 .k-container{ top:50px; padding-left: 10px;  padding-right: 10px; }
	.ct-home2 .post-title{ font-size: 2.3em; margin-bottom: 7px; }
	.ct-home2 .post-subtitle{ font-size: 1.5em; margin-bottom: 20px; }

	.ct-home3{ padding-top: 30px; }
	.ct-home3 .col-lg-6{ padding: 10px 20px; }
	.ct-home3 .ct-home-point{ padding: 5px 15px; margin-bottom: 10px; font-size: 0.9em; }
	.ct-home3 .post-title{ font-size: 1.2em; margin-bottom: 3px; }
	.ct-home3 .post-subtitle{ font-size: 1.05em; margin-bottom: 10px; }
	.ct-home3 img{ width: 100%; border-radius: 10px; margin-bottom: 8px; }
	
	.ct-home4{ height: 340px; margin-bottom: 30px; padding-top: 50px; }
	.ct-home4 img{ width:140px; margin-bottom:10px; }
	.ct-home4 .post-title{ font-size: 2.1em; margin-bottom: 10px; }
	.ct-home4 .post-subtitle{ font-size: 1.1em; margin-bottom: 20px; }
}