@charset "UTF-8";
/*
Theme Name: kikoyoga
Theme URI: 
Author: HIROMI MATSUDA
Author URI: 
Description: kikoyogaオリジナルテーマ
*/
/* CSS Document */

/*---------------------------
 *ローディングアニメーション
---------------------------*/

.loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #e8e6f2;
	display: flex;
	align-items: center;
	justify-content: center;
	
	z-index: 1500;
	opacity: 0;
	visibility: hidden;
	transition:all 0.5s ease-in 0s;
}
.loading.active{
	opacity: 1;
	visibility: visible;
}


/*---------------------------
 *header
---------------------------*/
.line{
	padding: 0;
	margin:8px 0;
}

.header-inner {
    position: relative;
    background-image: url("kikoyoga_images/top/fv.jpg");
    background-size: cover;
    background-position: top;
     height: 87vh;
    overflow: hidden;
}

.btn-rv_inner.nav{
	padding-top: 15px;
	margin-bottom: 35px;
}
.catch{
	width: 64%;
	margin: 40px 10px;
}

.header-inner p {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 10%;
    color: #fff;
    font-size: 1.6rem;
}
.header-inner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 4.5vw;
    min-height: 45px;
    margin: auto;
    background-color: #fff;
}

/*---------------------------
*info
---------------------------*/
.info{
	padding-top: 30px;
	margin-bottom: 50px;
}
.title-infomation{
	font-size: 2rem;
	font-family: 'EB Garamond', serif;
	font-weight: 300;
	margin: 0;
}
.info-list{
	padding: 0;
}
.info-list li{
	display: flex;
}
.info-text{
	margin-left:10px;
}
.line{
	border: 1px #D5D2D2 solid;
}
.info-mv{
    position: relative;
    background-size: cover;
    background-position: 9%;
    height: 38vh;
    overflow: hidden;
	background-image: url("kikoyoga_images/top/infomation.@2x.jpg");
}
.info-heading{
	font-family: 'Noto Serif JP', serif;
    font-size: 2rem;
    margin-top: 0;
    font-weight: 400;
}
.post{
		margin-top: 70px;
	}
/*---------------------------
*concept
---------------------------*/
.concept{
	margin-top: 70px;
	margin-bottom: 120px;
}
.concept-text{
	padding-top: 50px;
	margin-bottom: 50px;
}
.aboutbtn{
	font-size: 1.8rem;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0 0 0 auto;
    border: 1px solid #b9b5d4;
	display: inline-block;
    border-radius: 100%;
	text-align: center;
	color:#b9b5d4;	
}


.btn{
	text-align: end;
}
video{
	max-width:100%;
}
.video-wrapper {
  position: relative;
}

/*---------------------------
*feature
---------------------------*/
.feature{
	margin-bottom: 120px;
}
.feature-list{
	padding: 30px 23px 30px;
	background-color: #E8E6F2;
	margin-bottom: 50px;
}
.feature-image{
	width: 225px;
	margin: 0 auto 50px;
}
.number{
	width: 60px;
/*	margin: 0 auto;*/
}
.feature-item{
	margin: 0 auto 50px;
}

/*---------------------------
*contact
---------------------------*/
.contact{
	margin-bottom: 120px;
}
.contact-inner{
	padding: 30px 14px;
	background-color: #F7F4F4;	
}
.line-id{
	font-size: 1.2rem;
    border-bottom: 1px solid #D5D2D2;
    padding-bottom: 5px;
    width: 123px;
	margin: 0 auto;
}
.line-item{
	align-items: center;
	
}
.line-icon{
	width: 50px;
	margin: 0 auto 10px;
}
/*---------------------------
*footer
---------------------------*/
/*---------------------------
*ABOUTページ
---------------------------*/
.under-mv{
	background-image: url("kikoyoga_images/about/about-mv_sp@2x.jpg");
	position: relative;
     background-size: cover;
    background-position: 9%;
     height: 38vh;
    overflow: hidden;	
}
.about-colum{
	margin-bottom: 70px;
}
.sign{
	margin-left: auto;
	width: 120px;
}
.instractor-inner{
	background-color: #F7F4F4;
	padding:20px 20px 70px;
	margin-bottom: 140px;	
}
.img_1{
	margin-left: 29vw;
}
.img_2{
	margin-right: 29vw;
}
.img_3{
	margin-left: 29vw;
}
.instractor-img{
	width: 63.2vw;
	margin-left: 17vw;
}

.lesson{
	margin-bottom: 140px;
}
.lesson-list{

}
.lesson-cate{
	margin: 0 0 70px;
    padding: 0;

}
.lesson-item{
	display: flex;
	margin-right: 5vw;
	
}
.lesson-image{
	width: 46vw;
}
.tategaki{
	writing-mode: vertical-lr;
	margin-top: 60px;
	
}
.lesson-no{
	writing-mode: vertical-lr;
	position: relative;
}
.lesson-no::after{
	content: "";
    width: 1px;
    height: 39px;
    background-color: #666;
    position: absolute;
    left: 12px;
	margin: 10px auto;
}
/*---------------------------
*LESSON下層ページ（GROUP・PRIVATE・ONLINE)
---------------------------*/
.logo-header-lower{
	font-family:'EB Garamond', serif;
	font-size: 2.9rem;
	letter-spacing: 0.15em;
	font-weight: 300;
	margin:0;
	text-align: center;
	color:#fff;
}
.lowerPage-header{
	background-image: url("kikoyoga_images/about/lowar-group@2x.jpg");
	height: 340px;
	background-size: cover;
	color: #fff;	
}
.ham_line.lower{
	background-color: #fff;	
}
.cat-name{
	font-family: 'EB Garamond', serif;
	letter-spacing: 0.1em;
	font-size: 2.8rem;
	font-weight: 300;
}
.lessonLower{
	margin-bottom: 140px;
}
.caption{
	font-size: 1.9rem;
	margin:0 0 70px;
}
.lesson-text{
	margin-bottom: 70px;
    letter-spacing: 0.1em;
}
dt{
	float: left;
}
dl{
	margin-bottom: 90px;
}
.lessonPhot-1{
	width: 69%;
	margin: 0 0 30px auto;
}
.lessonPhoto-2{
	width: 47%;
	margin:0 auto 50px 0;
}
.lowerPage-header.private{
	background-image: url("kikoyoga_images/lesson/private-mv_sp@2x.jpg")
}
.lowerPage-header.online{
	background-image: url("kikoyoga_images/lesson/online-mv_sp@2x.jpg")
}

/*---------------------------
*BEGINNERページ
---------------------------*/
.under-mv.beginner{
	background-image: url("kikoyoga_images/beginner/under-mv.beginner@2x.jpg");
	position: relative;
     background-size: cover;
    background-position: 9%;
     height: 38vh;
    overflow: hidden;
	margin-bottom: 20px;
}
.beginner{
	margin-bottom: 140px;
}
.menu-nav_list{
	width: 88%;
    height: 80px;
    margin: 0 auto 80px;
    padding: 8px 0;
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 48px;
    margin-top: 80px;
}
.menu-nav_item {
    position: relative;
    width: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 1.3rem;
/*    letter-spacing: 0.18em;*/
    font-family: 'EB Garamond', serif;
}
.menu-nav_item::before {
    position: absolute;
    content: '|';
    display: block;
    color: #707070
}
.menu-nav_item:nth-child(odd)::before{
	display: none;
}
.beginner-colum{
	margin-bottom: 140px;
}
.kikoyogaLesson-inner{
	background-image: url("kikoyoga_images/beginner/yogamat-pc.jpg");
	
/*	background:#178CA2;*/
	color: #fff;
	padding:30px 23px 30px;
	 transition: background-image 1s; 
}

.kLesson{
	font-size: 1.9rem;
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
	font-color:#fff;	
}
.lessonCate-list{
	margin-bottom: 70px;
	padding: 0;
	
}

.lessonCate-item{
	display: flex;
	justify-content:space-between;
	align-items: center;
	width: 194px;
	margin: 0 auto 20px;
}
.title-lessonCate{
	font-family: 'EB Garamond', serif;
	letter-spacing: 0.05em;
	font-size: 1.9rem;
	text-transform: uppercase;
	margin: 0;
}
.btn-plus{
	font-size: 15px;
	margin: 0;
}
.title-beginner{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.9rem;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 50px;
}
/*-----swiper voice--------*/
.voice{
	margin-bottom: 140px;
	background-color: #F7F4F4;
    padding-bottom: 30px;

}

.swiper-custom-parent{
  position: relative;
}

.voice-list{
	background-color: #F7F4F4;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
.voice-slider{
	margin: 0 auto;
}
.box{
	width:217px;
	background-color: #fff;
	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
	padding: 30px;
	margin:0 auto;
}

.swiper-button-next.swiper-button-black {
    background-image: url(kikoyoga_images/icon/arrow@2x.png)!important;
    background-size: 58px 58px;
    width: 58px;
    height: 58px;
    top: 60%;
    right: 10px;
    top: center;
}
.swiper-button-prev.swiper-button-black {
    background-image: url(kikoyoga_images/icon/arrow@2x.png)!important;
    background-size: 58px 58px;
    width: 58px;
    height: 58px;
    top: 60%;
    left: 10px;
    top: center;
	transform: scale(-1, 1);
}
.swiper-button-next:after, .swiper-button-prev:after {
	    visibility: hidden;
}

/*-----//swiper voice--------*/


.tryalFlow{
	margin-bottom: 140px;
}
.tryalFlow-list{
	height: 74px;
	width: 100%;
	background-color: #F7F4F4;
	border: 1px solid #b9b5d4;
	display: table;
}
.flow{
	display: table-cell;
 	 vertical-align: middle;
}
.v_line_fix {
  margin: 0 auto;
  width: 1px;
  height: 50px;
  background-color:#b9b5d4;
}

.qa-list dl {
    position: relative;
    margin: 0;
    padding: 28px 80px 28px 30px;
    cursor: pointer;
    border-bottom: 1px solid #000;
}
.qa-list dl:first-child {
    border-top: 1px solid #000;
}
.qa-list dl::before {
    position: absolute;
    top: 35px;
    right: 35px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.qa-list .open::before {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 0 0 0 50px;
    float:none;
}
.qa-list dl dt::before {
    
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    content: 'Q.';
    color: #C527D9;
}
.qa-list dl dd::before {
    
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 2px;
    display: block;
    content: 'A.';
    
    color: #C527D9;
}
.qa-list dl dd {
    position: relative;
    display: none;
    height: auto;
    margin: 20px 0 0;
    padding: 0 0 0 50px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}


.contact{
	margin: 50px 0 140px;
	
}
/*---------------------------
*SCHEDULEページ
---------------------------*/
.under-mv.schedule{
	background-image: url("kikoyoga_images/schedule/schedule-mv_sp@2x.jpg");
	position: relative;
     background-size: cover;
    background-position: 9%;
     height: 38vh;
    overflow: hidden;
	margin-bottom: 70px;
}
.attention{
	list-style: square;
	margin: 50px 0;
}
.yoyaku{
	background-color: #f7f4f4;
	margin-bottom: 70px;
}
/*---------------------------
*pricesページ
---------------------------*/
.body-prices{
	background-image:none;
}
.under-mv.prices{
	background-image: url("kikoyoga_images/prices/prices-mv_sp@2x.jpg");
	position: relative;
     background-size: cover;
    background-position: 9%;
     height: 38vh;
    overflow: hidden;
	margin-bottom: 20px
}
.prices{
	margin-bottom: 140px;
}
.prices-group{
	background-image: url("kikoyoga_images/prices/blue@2x.png");
	background-size: contain;
	margin: 0 auto;
	
}
.lesson-category{
		font-family: 'EB Garamond', serif;
    letter-spacing: 0.1em;
    font-size: 2.8rem;
    font-weight: 300;
	}
.prices-list{
	margin:0 0 0 100px;
}
.prices-cate{
	margin:0 0 0 auto;	
	
}
.prices-cate-item{
	margin: 20px 0 ;
}
.price-dd{
	margin-left: 100px;
}
.prices-private{
	background-image: url("kikoyoga_images/prices/yellow@2x.png");
	background-size: contain;
	
}
.prices-trial{
	background-image: url("kikoyoga_images/prices/pink@2x.png");
	background-size: contain;		
}
.prices-inner{
	padding:0 23px;
	margin-bottom: 70px;
}
.hr-dashed{
	border-bottom-color: #fff;
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    border-top: 1px dashed #cccccc
}
/*---------------------------
*COLUMページ
---------------------------*/
.under-mv.colum{
	background-image: url("kikoyoga_images/colum-mv_sp@2x.jpg");
	height: 21vh;
	margin-bottom: 80px;
}
.title-cate{
	font-family:'EB Garamond', serif;
	font-size: 3rem;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0;
}
.post-item_horizontal{
	display: flex;
 	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 40px;
	background-color: #fff;
}
.thum{
	width: 40%;
	min-width: 170px;
}
.thum-inner{
	padding: 10px 15px 10px 10px;
}
.colum-cate.horizontal{
	margin: 0 0 8px;
}
.title-thum.horizontal{
	margin: 0;
}
.title-thum{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.4rem;
	font-weight: 400;
}
.btn-all{
	width: 200px;
	height: 37px;
	background-color: #F6F6F6;
	border-radius: 20px;
	letter-spacing: 0.1em;
	margin: 0 auto;
}
/*--------------------------
*COLUMN下層ページ(colum-detail)
---------------------------*/
.date{
	margin-top: 50px;
	margin-bottom: 35px;
}
.prevNext{
	display: flex;
}
/*
.img-articleMain{
		margin-bottom: 50px;
*/
	
.article-text{
	margin:35px 0;
}
.hr-articleMain{
	border-bottom: double #b9b5d4;
		margin:20px 0;
}
.title-colum.article{
	margin-bottom: 40px;
}
/*ページカウントpostPager*/
.postPager{
		margin-bottom: 120px;
		padding-top: 10px;
		display: flex;
		align-items: center;
		width: 100%;
		position: relative;
		border-bottom: 0px solid #b9b5d4;
		border-top: 1px solid #b9b5d4;
	}
.post-page-numbers{
		display: block;
		width: auto;
		margin: 4px;
		border: 1px solid #b9b5d4;
		text-decoration: none;
		text-align: center;
		line-height: 17px;
		border: 1px solid #b9b5d4;
		background-color: #fff;
		transition: all ease .35s;
		font-size: 1.3rem;
    	padding: 15px 18px;
	}
.currentPage{
		color: #000;
/*		border-color: #efefef;*/
		background-color: #f7f7f7;
	}
	

@media screen and (min-width:768px){
	
	/*---------------------------
	*header pc
	---------------------------*/
	/*  ファーストビュー　*/
	.hero{
		overflow: hidden;
		position: relative;
		width: 100vw;
		height: 85vh;
	}
	.hero-img01{
		background-image: url("kikoyoga_images/top/fv-pc.jpg");
	}
	.hero-img02{
		background-image: url("kikoyoga_images/top/fv-pc2-co.jpg");
	}
	.hero-img03{
		background-image: url("kikoyoga_images/top/fv-pc3.jpg");
	}

	.hero-img {
	  position: absolute;
		left: 0;
		top: 0;
		width:100%;
		height: 100%;
		z-index:10;
		opacity: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	  animation :anime 21s linear infinite;
	}

	.hero-img02{
		-webkit-animation-delay: 7s;
		animation-delay: 7s;
	}
	.hero-img03{
		-webkit-animation-delay: 14s;
		animation-delay: 14s;
	}


	@keyframes anime {
	  0%{
		opacity: 0;
	  }
	  10%{
		opacity: 1;
	  }
	  28%{
		opacity: 1
	  }
	  38%{
		opacity: 0;
	  }
	  100%{
		opacity: 0;
	  }
	}

	.catch{
		width: 32%;
		margin:40px 23px;
	}
	.catch2{
	position: absolute;
    width: 100%;
/*    text-align: center;*/
    color: white;
    bottom: 50px;
		margin:0;
	}
	.catch3{
		position:absolute;
		font-family: 'Noto Serif JP', serif;
		font-size: 2.2rem;
		margin: 40px;
		right: 0px;
			color: #fff;
	}
	.catch4{
		margin:0;
	}
	
	

	/*---------------------------
	*info pc
	---------------------------*/
	.title-infomation{
		font-family: 'EB Garamond', serif;
		font-size: 2.8rem;
		letter-spacing: 0.1em;
		margin: 0;
	}
	.post{
		margin-top: 80px;
	}
	
	.info-heading{
	font-family: 'Noto Serif JP', serif;
    font-size: 3.4rem;
    margin-top: 0;
    font-weight: 400;
}
	/*---------------------------
	*concept pc
	---------------------------*/
	.concept{
	margin-top:80px;
	margin-bottom: 240px;
	}
	.concept-inner{
		display:flex;	
	}
	.video-wrapper{
		width: 50%;
		margin-right: 40px;
	}
	.concept-text{
		padding: 0;
		width: 50%
	}
	/*---------------------------
	*feature
	---------------------------*/
	.feature{
		margin-bottom:240px;
	}
	.feature-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 50px 80px;
		max-width: 1160px;
		margin: 0 auto 140px;
	}
	.feature-item{
		width: 349px;
	}
	.number{
		margin:0 auto 0 0;
	}
	/*---------------------------
	*latest colum pc
	---------------------------*/
	.latest-colum{
		margin-bottom: 240px;
	}
	.post-item{
		width: 20vw;
		max-width: 260px;
		margin-bottom: 0;
	}
	.title-thum{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.4rem;
	font-weight: 400;
}
	.colum-cate{
	font-size: 1.6rem;
}

	.image{
	width: 100%;
	max-width: 960px;
	min-height: 105px;
	height: auto;
	object-fit: cover;
	margin: 0;
}
	.animated{
		width: 20vw;
		max-width: 260px;
		margin-bottom: 0;
	}
/*
	.animated h3{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.4rem;
	font-weight: 400;
}
*/
	/*---------------------------
	*conact pc
	---------------------------*/
	.contact{
		margin-bottom: 240px;
		margin-top: 0;
	}
	.contact-inner{
		display: flex;
		padding: 60px;
	}
	.line-icons{
		width: 100px;
		height: 100px;
	}
	.contact-text{
		margin-left: 120px;
	}
	
	/*---------------------------
	*about pc
	---------------------------*/
	.under-mv{
		height: 60vh;
	}
/*ABOUT- sticky*/
	.title-colum.about{
		text-align:center;
		margin-bottom: 50px;
		}
	.about-colum{
		margin-bottom: 140px;
	}
	.about-colum-text{
		width:50%;
		margin-left: 50%;
	}
	.img_1{
		width: 71%;
    max-width: 1200px;
    margin-right: 0;
    margin-left: auto;
	}
	.sticky{
		padding-top: 30px;
		top: 0px;
		position: sticky;
		position: -webkit-sticky;
		z-index:900;
	}
	.sign{
		width: 165px;
    margin-top: 50px;
    -ms-transform: translate(-16px,0);
    -webkit-transform: translate(-16px,0);
    transform: translate(-16px,0);
	}
	.img_2{
		width: 29%;
	}
	.img_3{
		text-align: right;
		width: calc(50% + 27px);
    	margin-right: 0;
    	margin-left: auto;
	    margin-bottom: 100px;
	}
	.img_4{
		width: 28.5%;
    margin-right: auto;
    margin-left: 9.35%;
	}
	.sign{
		margin-bottom: 30px;
	}
	.lesson-cate{
		display: flex;	
		justify-content: space-between;
		max-width: 1280px;
	}
	.lesson-image{
		width: 23vw;
		max-width: 257px;
	}
	.lesson-no{
		font-size:15px;
	}
	.tategaki{
		font-size:15px;
	}
	.instractor-img {
		margin:0;
		margin-left: 17%;
	}
    
	.profile{
		background-color: #F7F4F4;
		padding:20px 20px 70px;
		margin: 0 auto 140px;
	}
	
	.profile-inner{
		display: flex;
	}
	.content{
		width: 50%;
		
	}

	/*---------------------------
	*beginner pc
	---------------------------*/
	.under-mv.beginner{
		height: 60vh;
	}
	
	.beginner-colum{
		margin-bottom: 240px;
	}
	.bignner_img1{
		    padding-left: 12%;

	}
	.beginner-colum-text{
		width: 43.7%;
		margin-right: 40px;
	}
	.section-reverse{
		display: flex;
		flex-direction: row-reverse;
	}
	.flex{
		display: flex;
	}
	
	.kikoyogaLesson{
		display: flex;
		margin-bottom: 240px;
		
	}
	.kikoyogaLesson-inner {
    background-image: url(kikoyoga_images/beginner/yogamat-pc.jpg);
    padding: 0px 23px 30px;
		width: 56%;
    transition: background-image 1s;
}
	
	.title-lessonCate{
		font-size: 3.4rem;
		letter-spacing: 0.1em;
	}
	.lessonCate-item{
		width: auto;
		justify-content: flex-start;
	}
	@keyframes anim1 {
	  0% {
	  transform: translateX(0px);
	  }
	  100% {
	  transform: translateX(50px);
	  }
	}
	.lessonCate-item:hover{
		animation: anim1 2s;
	}
	
	.lessonCate-list{
		background-color:#fce8dc;
    	width: 50%;
    	margin: 0;
	 	padding: 4.6vw;
		justify-content: center;
    	align-items: center;
	}
	
	.kLesson{
		font-size:3.4rem;
	}
	.lessonCate-list:hover+.kikoyogaLesson-inner{
	background-image: url("kikoyoga_images/beginner/twoperson-pc.jpg");
	}
	
	.btn-arrow{
		 display: block;
    width: 15px;
    height: 15px;
    border-top: solid 2px #595a5a;
    border-right: solid 2px #595a5a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
	.title-beginner{
		font-size: 3.4rem;
	}
	.beginner-feature{
		margin-bottom: 140px;
		display: flex;
	}
	.beginner-text{
		width: 56%;
		padding-left: 40px;
	}
	.voice{
		margin-bottom: 240px;
			
	}
.box{
	width:300px;
	background-color: #fff;
	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
	padding: 30px;
	margin-left: 20px;
}

	.swiper-button-next.swiper-button-black {
	background-image: url("kikoyoga_images/icon/arrow@2x.png");
	background-size: 78px 78px;
	width: 78px;
	height: 78px;
	top: -70px;
	right: 60px;
}
 .swiper-button-prev.swiper-button-black{
	background-image: url("kikoyoga_images/icon/arrow@2x.png");
	background-size: 78px 78px;
	width: 78px;
	height: 78px;
	top: -70px;
	right: 160px;
	left:auto;
	transform: scale(-1, 1);
}
	.tryalFlow{
		margin-bottom: 240px;
		text-align: center;
	}
	.tryalFlow-list{
		margin: 0 auto;
		max-width: 440px;
	}
	.faq{
		margin-bottom: 140px;
		
	}
	.title-section.faq{
		text-align: center
	}
	/*---------------------------
	*SHCEDULE pc
	---------------------------*/
	.under-mv.schedule{
		height: 60vh;
	}
/*
	.schedule-img{
		text-align: center;
	}
*/
	.attention{
	list-style: square;
	margin: 80px 0;
	}
	/*---------------------------
	*prices pc
	---------------------------*/
	.lesson-category{
		font-family: 'EB Garamond', serif;
    letter-spacing: 0.1em;
    font-size: 6rem;
    font-weight: 300;
	}
	.under-mv.prices{
		height: 60vh;
	}
	.prices{
		margin-bottom: 240px;
	}
	.prices-inner{
		text-align: end;
		margin-bottom: 140px;
	}
	.prices-inner:last-child{
		height: 427px;
	}
	
	.prices-list{
		text-align: end;
		margin: 0;
	}
	.category-list{
		text-align: center;
	}

	.prices-group{
/*		padding: 0 200px;*/
		width: 670px;
		background-image: url("kikoyoga_images/prices/blue_pc.png");
		background-position-x: center;
		margin-bottom: 240px;
	}
	.prices-private{
/*		padding: 0 200px;*/
		width: 670px;
		background-image: url("kikoyoga_images/prices/yellow_pc.png");
		background-position-x: center;	
	}
	.prices-trial{
/*		padding: 0 200px;*/
		width: 670px;
		
		background-image: url("kikoyoga_images/prices/pink_pc.png");
		background-position-x: center;
	}
	.prices-attention{
		width: 478px;
		margin: auto;
		margin-bottom: 140px;
	}
	/*---------------------------
	  *prices pc
	---------------------------*/
	.under-mv.colum{
		background-image: url("kikoyoga_images/colum/colum-hero_pc.jpg");
		position: relative;
     background-size: cover;
    background-position: 9%;
     height: 60vh;
    overflow: hidden;
	margin-bottom: 80px
}
	/*---------------------------
	  *colum pc
	---------------------------*/
	.post-list{
		margin-bottom: 140px;
	}
	.post-item{
		display: flex;
	}
	.post-list-2bottom{
		display: flex;
		justify-content: space-between;
	}
	.post-list-bottom{
		width: 48%;
		margin-bottom: 140px;
	}
	/*---------------------------
	 *下層ページ
	---------------------------*/
	/*GROUP YOGA.PRIVATE YOGA.ONLINE YOGA*/
	.lowerPage-header{
		height: 62vh;
		background-position: 50% 82%;
		background-image: url("kikoyoga_images/lesson/lowerpage_group_pc.jpg")
	}
	.header-nav>a{
		color:#fff;
	}
	.ham_line.lower{
		background-color:#fff;
	}
	.cat-name{
		font-size: 6rem;
	}
	.category-contents{
		display: flex;
	}
	.category-detail{
		width: 50%;
		margin-right: 40px;
	}
	.caption{
		font-size: 2.1rem;
	}
	.lessonPhot-1 {
     width: 37.5vw;
	}
	.lessonPhoto-2{
		text-align: center;
		width: 18.7vw;
		margin-left: 32.8vw;
	}
	.lowerPage-header.private {
		background-image: url("kikoyoga_images/lesson/lowerpage_private_pc.jpg");
		background-position: center;
		}
	.lowerPage-header.online{
		background-image: url("kikoyoga_images/lesson/lowerpage_online_pc.jpg");
	}
	
	/*colum 記事ページ*/
	.articleMain{
		padding:0 60px;
	}
/*
	.img-articleMain{
		margin-bottom: 70px;
	}
*/
	.hr-articleMain{
		margin:40px 0;
}
	.article-text{
	margin:70px 0;
	}

	/*ページネーションPC	*/
	.pagenation{
		margin-bottom: 240px;
	}