@charset "UTF-8";

html, body {
	
}
html {
	font-size:16px;
}

body {
	font-family: alegreya-sc, a-otf-futo-min-a101-pr6n, serif;
	color:#58352b;
	letter-spacing: 0.05em;
}
img {
	width: 100%;
	height: auto;
}
h2 {
	letter-spacing: 0.1em;
	font-size:2.6rem;
}
	a.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
	}
a:link, a:visited {
	color:#58352b;
}
a:hover {
	text-decoration:none;
	color:#a37b74;
}
.z10 {
	z-index: 10;
}
.z20 {
	z-index: 20;
}
.z30 {
	z-index: 30;
}
.smalltext {
	font-size:0.8rem;
	
}

.object-fit-img {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: bottom;'
}

.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}





.upin {

	transition: ease 1s;
}
.upin.delighter {
	transform: translateY(50px);
	opacity: 0;
}
.upin.delighter.started {
	transform: none;
	opacity: 1;
}
.upin_t {
	transform: translateY(50px);
	opacity: 0;
	transition: ease 1s;
}
.upin_t.delighter {
	transform: translateY(50px);
	opacity: 0;
}
.upin_t.delighter.started {
	transform: none;
	opacity: 1;
}
.downin {

	transition: ease 1s;
}
.downin.delighter {
	transform: translateY(-50px);
	opacity: 0;
}
.downin.delighter.started {
	transform: none;
	opacity: 1;
}
.slidein_l {
	transition: ease 1s;
}
.slidein_l.delighter {
	transform: translateX( -100px );
	opacity: 0;
}
.slidein_l.delighter.started {
	transform: none;
	opacity: 1;
}

.slidein_r {
	transition: ease 1s;
}
.slidein_r.delighter {
	transform: translateX( 100px );
	opacity: 0;
}
.slidein_r.delighter.started {
	transform: none;
	opacity: 1;
}

.blurin {
	transition: ease 1s;
}
.blurin.delighter {
	opacity: 0;
	filter: blur(20px);
}
.blurin.delighter.started {
	opacity: 1;
	filter: blur(0px);
}
.blurin_t {
	transition: ease 1s;
	opacity: 0;
	filter: blur(20px);
}
.blurin_t.delighter {
	opacity: 0;
	filter: blur(20px);
}
.blurin_t.delighter.started {
	opacity: 1;
	filter: blur(0px);
}







#humberger {
	z-index: 9999;
	position: fixed;
	top:13px;
	right:10px;
	width: 35px;
	height: 35px;
	background-image: url("image/ham.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	cursor: pointer;
}
#overlay {
	position: fixed;
	z-index: -5;
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
#drawernav {
	position: fixed;
	top:0;
	right: -100%;
	width: 100%;
	height: 100%;
	background-color: #B69852;
	opacity: 0.9;
	color: #fff;
	z-index: 7000;
	transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	text-align: center;
	font-size:1.4rem;
}
#drawernav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
    top: 5%;

    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#drawernav li {
	margin-bottom:1.5rem;
	line-height: 100%;
}
.drawernav_logo {
	position: absolute;
	
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#drawernav a:link, #drawernav a:visited {
	color: #fff;
	text-decoration: none;
}
#drawernav a:hover {
	text-decoration: underline;
	
}
#drawernav a:hover img{
	text-decoration: none;
	opacity: 0.8;
	transition: ease 0.3s;
}

body.drawer-opened #bav_wrapper {
	right:0px;
}
body.drawer-opened #drawernav {
	right: 0px;
}
body.drawer-opened #overlay {
	z-index: 6666;
	opacity: 1;
}
body.drawer-opened #humberger {
	z-index: 9999;
	position: fixed;
	top:13px;
	right:10px;
	width: 35px;
	height: 35px;
	background-image: url("image/close.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	cursor: pointer;
}
.ky_nav_splogo img{
	height: 35px;
	width: auto;
}









.ky_hero {
 	font-family :	YuMincho, 'Yu Mincho',serif;
	height: 600px;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.ky_hero_line1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url("image/line1.png");
	background-size: cover;	
	background-position: center center;
	animation-name: line1;
    animation-duration: 2s;
}
@keyframes line1 {
from {
    opacity: 0;
    transform: translateX(-500px);
}
to {
    opacity: 1;
    transform: translateX(none);
}
}
.ky_hero_line2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url("image/line2.png");
	background-size: cover;	
	background-position: center center;
	animation-name: line2;
    animation-duration: 2s;
}
@keyframes line2 {
from {
    opacity: 0;
    transform: translateX(500px);
}
to {
    opacity: 1;
    transform: translateX(none);
}
}

.ky_hero h1{
	position: absolute;
    top: 0;
	left:0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: url("image/yumeko_title_f.png");
	background-size: cover;
	background-position: center center;	
	animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
	filter: blur(20px);
 
}
to {
    opacity: 1;
filter: blur(0px);
}
}



.ky_nav {
	width: 100%;
	padding: 15px 0px 15px 0px;
	background-color: #B69852;
	color: #fff;
	position: relative;
	z-index:15;
}
.ky_nav a:link, .ky_nav a:visited {
	color: #fff;
	text-decoration: none;
}
.ky_nav a:hover {
	text-decoration: underline;
	
}
.ky_nav a:hover img{
	text-decoration: none;
	opacity: 0.8;
	transition: ease 0.3s;
}

.ky_nav ul{
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ky_nav li {
	padding: 0px 10px;
	text-align: center;
	width: calc(100% / 7);
	line-height: 80%;
}
.ky_nav_cap {
	font-size: 0.7rem;
}
.ky_nav_logo {
	width: 40px
}
.ky_top_mes {
	padding: 120px 0px;
}
.ky_top_mes h2 {

}
.ky_top_mes p {

}
@keyframes upin {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: none;
}
}


.ky_top_prf {
	overflow: hidden;
}
.ky_top_prf_vis {
	height: 350px;
	background-image: url("image/TOP_prof.jpg");
	background-size: cover;
	background-position: center right;
	opacity: 1;
	transition: ease 1s;
}
.ky_top_prf_vis.delighter {
	transform: translateX( -100px );
	opacity: 0;
}
.ky_top_prf_vis.delighter.started {
	transform: none;
	opacity: 1;
}



.ky_top_prf_body {
	height: 350px;
	background-image: url("image/prof_back.png");
	background-size: cover;
	background-position: center left;
	opacity: 1;
	transition: ease 1s;
	color: #fff;
}
.ky_top_prf_body.delighter {
	transform: translateX( 100px );
	opacity: 0;
}
.ky_top_prf_body.delighter.started {
	transform: none;
	opacity: 1;
}
.ky_top_prf_name {
	padding: 10px;
	background-image: url("image/prof_nami.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:2.5rem;
	background-size: 350px;
	margin-bottom: 40px;
}
.ky_prof_btn {
	width: 250px;
	height: auto;
	
}
.ky_prof_btn img{
	margin-top: 40px;

	transition: ease 0.3s;
	width: 250px;
	height:auto;
}
.ky_prof_btn img:hover {
		opacity:0.75;
}
.ky_top_bg {
	padding: 400px 0px 0px 0px;
	background-position: center -20vw;
	background-size: cover;
	position: relative;
	
}
.ky_top_news {
	margin-bottom: 120px;
}
.ky_top_news ul{
	list-style-type: none;
	justify-content: center;
	margin: 0px;
	padding: 0px;
}
.ky_news_slider {
	display:flex;
}
.ky_news_slider li {
	background-color: #EEEDEC;
margin-left:10px;
margin-right:10px;
	height:100%;
}

.ky_news_slider li+li {
	
	
}
.ky_news_items {
	
	height:100%;

	position: relative;
}
.ky_news_items:hover {
	background-color: #F7F7F7;
	transition: ease 0.3s;
}
.ky_news_items a:link, .ky_news_items a:visited{
	color:#58352b;
}
.ky_news_items a:hover{
	text-decoration: none;
}
.ky_news_eyecatch {
}
.ky_news_eyecatch img{

	border-radius: 50%;
}
.ky_news_items_body {
	width: 100%;
	text-align: left;
}
.ky_news_date {
	font-size: 2.5rem;
	line-height: 70%;
}
.arrows {
	display: flex;
	align-items: bottom;
	justify-content: space-between;
}
.prev {
	width: 100px;
	margin:30px 0px 0px 60px;
	cursor: pointer;
}
.next {
	width: 100px;
	margin:30px 60px 0px 0px;
	cursor: pointer;
}


.ky_content_wrap {
	position: relative;
	width: 70%;
	letter-spacing: 0em;
	margin-bottom: 120px;
}
.ky_content_wrap:before {
	content:"";
    display: block;
    padding-top: 100%; 
}
.ky_content {
	background-image: url("image/DreamRoutine.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
	position: absolute;
	width:20%;
	height:20%;
    font-size: 1.5rem;
	letter-spacing: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ky_content a:link, .ky_content a:visited {
	color:#58352b;
	display:block;
	width:100%;
	height:100%;
}
.ky_content a:hover {
	text-decoration:none;
}
.ky_content_koza {
	position: absolute;
	width: 38%;
	top:15px;
	left:50%;
	transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
	text-align: center;
	white-space: nowrap
}

.ky_content_online {
	position: absolute;
	width: 38%;
	top:50%;
	right:15px;
	transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
	text-align: center;
	white-space: nowrap
	
}
.ky_content_coach{
	position: absolute;
	width: 38%;
	bottom:15px;
	left:50%;
	transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
	text-align: center;
	white-space: nowrap
	
}
.ky_content_seminar {
	position: absolute;
	width: 38%;
	top:50%;
	left:15px;
	transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
	text-align: center;
	white-space: nowrap
	
}
.ky_content_circle_a {
	width: 100%;
	top:0;
	left:50%;
	border-radius: 50%;
	border: 8px solid #B69852;
	font-size: 2.75rem;
}
.ky_content_circle_a:before {
	content:"";
    display: block;
    padding-top: 100%; 
}
.ky_content_circle_a:hover {
	border-color:#D8C5A3;
}
.ky_content_circle_b {
	width: 100%;
	top:0;
	left:50%;
	border-radius: 50%;
	background-color: #B69852;
	border: 8px solid #B69852;
	font-size: 2.75rem;
}
.ky_content_circle_b:before {
	content:"";
    display: block;
    padding-top: 100%; 
}
.ky_content_circle_b:hover {
	background-color:#D8C5A3;
	border-color:#D8C5A3;
}
.ky_top_pickup {
}
.ky_top_pickup h2, .content_h2 {
	border-bottom: solid 2px #58352b;
	margin-bottom: 120px;
	display: inline-block;
}
.ky_top_pickup img:hover {
	filter: brightness(110%);
	transition: ease 0.3s;
}
.ky_pickup_size {
	width:75%;
}
.ky_footer{
	padding: 20px 0px;
	background-color: #B69852;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
}

.ky_page {
	
	
}
.ky_page h2 {
	letter-spacing: 1px;
	line-height: 70%;
}
.ky_page_caption{
	font-size:1rem;
}
.ky_page_eyecatch {
	width: 100%;

}
.ky_page_eyecatch img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}
.ky_page_body{
	
	padding-top: 400px;
	position: relative;
	background-size: 2400px;
	background-repeat: no-repeat;
	background-position: center -450px;
	min-height:2000px;
}
.ky_page_body h3 {
	font-size:2.5rem;
}
.ky_page_body_inner {
	background-size: 2400px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 400px;
	z-index: 10;
	position: relative;
	margin-bottom:400px;
}
.ky_page_body_bg1{
	position: absolute;
	height: 100%;
	width: 100%;
	top:-450px;
	left:0;
	z-index: 1;
	background-image: url("image/back1_24k.png");
	background-position: center top;
	background-repeat: no-repeat;
	
}
.ky_single_body_bg1{
	position: absolute;
	height: 100%;
	width: 100%;
	top:-350px;
	left:0;
	z-index: 1;
	background-image: url("image/back1_24k.png");
	background-position: center top;
	background-repeat: no-repeat;
	
}
.ky_page_body_bg2{
	position: absolute;
	height: 100%;
	width: 100%;
	bottom:200px;
	left:0;
	z-index: 1;
	background-image: url("image/back3t.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 2500px;
	
}
.ky_single_body_bg2{
	position: absolute;
	height: 100%;
	width: 100%;
	bottom:0px;
	left:0;
	z-index: 1;
	background-image: url("image/back3t.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 2500px;
	
}

.ky_single_body{
	
	padding-top: 400px;
	position: relative;
	background-size: 2400px;
	background-repeat: no-repeat;
	background-position: center -450px;
	min-height:2000px;
}
.ky_single_body h3 {
	font-size:1.5rem;
}
.ky_border {
	width:100%;
	height:1px;
	border-bottom:1px solid #58352b;
	margin: 100px 0px;
}
.ky_single_width {
	width:60%!important;
}

.ky_news_single a:link, .ky_news_single a:visited{
		color:#58352b;
	
}
.ky_news_single a:hover{	
}
.ky_single_footer {
		width:100%;
	height:1px;
	border-top:1px solid #58352b;
	margin: 100px 0px 30px 0px;
}
.arrow_single {
	
}
.arrow_single a:link, .arrow_single a:visited {
	color:#58352b;
}
.arrow_single img {
	width:auto;
	height:1.2rem;
}
.arrow_single a:hover img {
	opacity:0.75;
}
.ky_contactform label {
	width:100%;
}
.ky_contactform input[type="text"] ,.ky_contactform input[type="email"],.ky_contactform input[type="tel"]  {
	width:100%;
	padding:5px;
	border:1px solid #58352b;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}
.ky_contactform input[type="checkbox"]  {
}

.ky_contactform textarea {
	width:100%;
	padding:5px;
	border:1px solid #58352b;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"

}

.ky_contactform input[type="submit"]  {
	border:0;
	color:#fff;
	background-color:#B69852;
	width:150px;
	height:50px;
	
}

.ky_contactform input:hover[type="submit"] {
		background-color:#BAA373;
}

.ky_content_title {
	display:flex;
	justify-content:left;
	align-items:center;
}
.ky_content_h3 {
	margin-left:18px;
	padding-bottom:8px;
	border-bottom:1px solid #58352b;
	width:100%;
}

.ky_content_icon {
	width:48px;
	
}
.ky_content_inner {
	margin:30px 66px 60px 66px;
}
.t-box {
	border:1px solid #58352b;
	padding:5px 15px 5px 15px;
	display:inline-block;
}
.ky_content_button {
	margin-top:4rem;
}
.ky_content_button:hover {
	opacity:0.7;
	transition:ease 0.3s;
}


/*---topics---*/

.ky_topics ul  {
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:200px;
	padding:0;
	width:75%;
}
.ky_topics li {
	text-align:center;
	font-size:1.5rem;
	
}
.ky_topics li a:link , .ky_topics li a:visited{
	background-color: #B69852;
	color:#fff;
	display:block;
	background-image: url("image/DR_white_40b.png");
	background-repeat:no-repeat;
	background-position: left -10px;
   background-size: 20%;
	margin-bottom:2.5rem;
	padding:2rem 0rem;
	transition: ease 0.3s;
}

.ky_topics li a:hover{
	background-color: #C7A862;

}