@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1024px) {
	body {
		font-size:1.4em;
	}
	#wrap{
		margin:0;
		padding:0;
	}
	.img-100{
		width:100%;
		height:auto;
	}
	.sp-img-70{width: 70%;}
	.sp-none{
		display:none;
	}
	.flex-bt, .flex-center, .flex-stand{
		display: block;
	}
	.sp-flex{ display: flex; }
	
	/*font*/
	.f-center-sp{text-align:center !important;}
	.f-line-sp{line-height:1.4;}
	.f-left-sp{text-align:left !important;}
	
	/*font*/
	.fs-14{font-size: 1.2rem;}
	.fs-18{font-size: 1.4rem;}
	.fs-20{font-size: 1.6rem;}
	.fs-24{font-size: 1.9rem;}
	.fs-28{font-size: 2.2rem;}
	.fs-30{font-size: 2.4rem;}
	.fs-50{font-size: 4.2rem;}
	.fs-66{font-size: 4.4rem;}
	.fs-80{font-size: 5.6rem;}

	/*margin*/
	.mb20{margin: 0 0 1rem 0;}
	.mb40{margin: 0 0 2rem 0;}
	.mb60{margin: 0 0 3rem 0;}
	.mb80{margin: 0 0 4rem 0;}
	.mr40{margin: 0 2rem 0 0;}
	
	/*padding*/
	.pd40{padding: 2rem;}/*40px*/
	.ptb120{padding: 6rem 0;}/*120px*/
	.pt100{padding: 4rem 0 0 0;}
	.pt120{padding: 6rem 0 0 0;}

	.sp-block{display:block;}

	/*====================================
	 midashi
	====================================*/	
	/*H2*/
	h2{
		font-size:3.2rem; 
	}
	.arrow_box {
		border-right: 1px solid #000;
		line-height:1;
		padding: 0 1rem 2rem 1rem;
		border-left: none;
		border-right: none;
		display: block;
		margin: 0 2rem;
	}
	.arrow_box h2{
		font-size: 3.2rem;
		line-height: 1.3;
	}

	/*====================================
	 header
	====================================*/
	header section{
		width: 94%;
		margin: 1rem 3%;
	}
	header h1{
		margin: 0 4rem 0 0;
	}
	header p{
		width: 80%;
	}

	/*====================================
	 contents
	====================================*/
	.contents{
		width:94%; /*コンテンツの幅指定*/
		margin:0 3%;
	}
	
	/*license*/
	.license .bg-left{
		padding: 4rem 0;
	}
	.license .bg-left::after {
		background: url("https://ymcschool.jp/lp/yoga03_b/images/license-bg.png") right bottom no-repeat;
		background-size: 253px 220px;
	}
	.license .txt{
		margin: 0;
	}
	.license .txt-box{
		padding:0;
		width: 94%;
		margin: 0 3%;
	}
	.license h2{
		text-align: center;
	}
	.license .cate{
		font-size: 2rem;
		display: block;
		text-align: center;
	}
	.license .txt figure{
		width: 100%;
	}
	/*mask*/
	.mask .pd40{padding: 1rem;}
	.mask .ttl{
		margin: -8rem 0 2rem 0;
	}
	.mask h2{
		font-size: 2.4rem;
		line-height: 1.4;
		padding: 1rem;
		display: block;
	}
	.mask dl{
		padding: 1rem;
		width: 100%;
		margin: 0 0 1rem 0;
		line-height: 1.4;
		position: relative;
	}
	.mask dt figure{
		margin: 0 0 0rem 0;
		position: absolute;
		left: 0.5rem;

	}
	.mask dt figure img{
		width: 6rem;
	}
	.mask dt{
		font-size: 1.8rem;
		margin: 0 0 1rem 0;
		text-align: left;
		padding: 0 0 0 6rem;
	}
	.mask dd{
		font-size: 1.5rem;
		padding: 0 0 0 7rem;
	}

	/*fuan*/
	.fuan li{
		width: 100%;
		margin: 0 0 2rem 0;
	}
	.fuan li p{
		font-size: 2rem;
	}
	
	/*.alright */
	.bg-left{
		background: linear-gradient(to left, #ffffff 0%,#ffffff 30%,#fcf7fb 30%, #fcf7fb 100%);
		padding: 2rem 0;
	}
	.bg-right{
		background: linear-gradient(to right, #ffffff 0%,#ffffff 30%,#fcf7fb 30%, #fcf7fb 100%);
		padding: 2rem 0;
	}
	.alright figure{
		margin: 0;
		width: 100%;
	}
	.alright dl{
		margin: 0 0 4rem 0;
		width: 100%;
	}
	.alright dt{
		font-size: 2.4rem;
		margin: 0 0 2rem 0;
		padding: 0 0 2rem 0;
	}
	.alright .alright01::after {
		content: '';
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		right: 0;
		bottom:-50px;
		background: url("https://ymcschool.jp/lp/yoga03_b/images/alright-bg01.png") right bottom no-repeat;
		background-size: 60px 60px;
	}
	.alright .alright02::after {
		content: '';
		display: block;
		position: absolute;
		width: 50%;
		height: 50%;
		right: 20px;
		bottom: -30px;
		background: url("https://ymcschool.jp/lp/yoga03_b/images/alright-bg02.png") right bottom no-repeat;
		background-size: 47px 70px;
	}
	.alright .alright03::after {
		content: '';
		display: block;
		position: absolute;
		width: 117px;
		height: 81px;
		right: 0;
		bottom: -30px;
		background: url("https://ymcschool.jp/lp/yoga03_b/images/alright-bg03-sp.png") right bottom no-repeat;
		background-size: 117px 81px;
	}

	/*teacher*/
	.teacher-data{
		width:100%;
		margin: 0 0 2rem 0;
	}
	.teacher p{
		margin: 0 0 1rem 0;
	}
	.teacher h3{
		margin: 1rem 0;
		font-size: 2.4rem;
	}
	.teacher figure img{
		width: 60%;
		margin: 0 20%;
	}
	.message figure{
		width: 60%;
		margin: 0 20% 2rem 20%;
	}
	.message figure img{
		width: 100%;
	}
	.message dl{
		width: 100%;
	}
	.message dt{
		font-size: 2.4rem;
		line-height: 1.4;
		padding: 0 0 1rem 0;
		margin: 0 0 1rem 0;
	}

	/*suppor-point*/
	.support:before{
		height: 240px;
		background: url(https://ymcschool.jp/lp/yoga03_b/images/support-bg.jpg) center top / cover no-repeat fixed;
		background-size: cover;
	}
	.sp-support figure{
		width: 20%;
	}
	.sp-support figure img{
		width: 100%;
	}
	.sp-support p{
		font-size: 2.2rem;
		margin: 0 0 0 5%;
		width: 80%;
		line-height: 1.4;
	}
	.suppor-point{
		padding: 2rem 2rem 0 2rem;
	}
	.suppor-point h3{
		font-size: 2.4rem;
	}
	.suppor-point li{
		padding: 0 0 1rem 0;
	}

	.suppor-point dl{
		margin:1rem 0 0 0;
	}
	.suppor-point dt{
		display: none;
	}
	.suppor-point .job{
		padding: 1rem;
	}

	/*case*/
	.case li{
		width: calc(100% - 4rem);
		padding: 2rem;
	}
	.case h3{
		margin: -3rem 0 2rem 0;
		font-size:2.4rem;
	}
	.case li p{
		padding: 1rem;
		margin: 2rem 0;
		width: calc( 100% - 2rem);
	}
	.case .course{
		padding: 2rem;
	}
	.case h4{
		font-size: 2.4rem;
	}
	.case .course dl{
		padding: 2rem;
	}
	.case .course dt{
		font-size: 2rem;
		text-align: center;
	}
	.case .course .price{
		display: block;
		text-align: center;
	}

	/*voice*/
	.voice figure{
		width: 30%;
	}
	.voice figure img{
		width: 100%;
	}
	.voice li{
		margin: 0 0 2rem 0;
	}
	.voice li p {
		width: calc(85% - 2rem);
		padding: 1rem;
	}


	/*school*/
	.school {
		width: 100%;
		height:150px;
		background: url(https://ymcschool.jp/lp/yoga03_b/images/school-img.jpg) center top / cover no-repeat;
		background-size: cover;
	}
	.school-data{
		width: 100%;
		margin: 0 0 2rem 0;
	}
	.school-data:nth-child(1){
		margin: 0 0 2rem 0;
	}
	.school-data figure img{
		width: 50%;
		margin: 0 25%;
	}
	.school-data dl{
		width: 100%;
	}
	.school-data th{
		padding: 0 1rem 0 0;
		width:25%;
	}
	.school-data td{
		padding: 0 1rem;
	}
	.btn01 {
		font-size: 1.8rem;
		width:100%;
	}


	
	/*cv*/
	.cv{
		padding: 2rem 0;
	}
	.cv li{
		width: 100%;
	}
	.cv li:nth-child(1){
		margin: 0 0 1rem 0;
	}
	.cv li  a {
		padding: 2rem 0;
		font-size: 2.4rem;
	}
	
	/*btm-bnr*/
	.btm-bnr2 {
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.btm-bnr2 li{
		width: 50%;
	}
	.btm-bnr2 li img{
		width:100%;
	}
	/*pagescroll*/
	#scrollUp {
		bottom:70px;
		right: -7%;
		opacity:0.8;
	}
	#scrollUp img{
		width: 70%;
	}
	/*====================================
	 FOOTER
	====================================*/
	footer {
		padding: 1rem 0 7rem 0;
	}

	footer .copy{
		font-size: 1.2rem;
	}
}