/* -----------------------------------------------------------------------------
M-COMPASS
2025/09/26 O-jirou
----------------------------------------------------------------------------- */
/* -------------------------------------
WordPress CSS
-------------------------------------- */
.aligncenter {display: block;margin: 0 auto;clear: both;margin-bottom: 20px;}
.alignright { float: right;clear: both;margin-left: 20px;margin-bottom: 20px; }
.alignnone { float: left;clear: both;margin-right: 20px;margin-bottom: 20px; }
 
img[class*="wp-image-"],img[class*="attachment-"] {height: auto;max-width: 100%;}

/* ページ遷移時 */

#page-cover{
	position:fixed;
	inset:0;
	background:#bddedb;
	will-change:opacity;
	transform:translateZ(0);
	backface-visibility:hidden;
	pointer-events:none;
	z-index:999999;
	opacity:1;
	transition:opacity .45s cubic-bezier(.4,0,.2,1);
}
#page-cover.hide{opacity:0;}



/* mintgreen #89c997 */

/* Google Font */
.noto {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.kosugi {
	font-family: /*"Kosugi Maru", */sans-serif;
	font-weight: 400;
	font-style: normal;
}

h2{
	color: #1a3921;
	text-align: center;
	margin-bottom: 2em;
	text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);
	small{
		font-size: 0.6em;
		margin-top: 0.3em;
		display: block;
	}
}
/*h2::before{
	background-image: url('../img/clef.png');
	background-size: contain;
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
}*/


h3.dm {
	margin: 0 auto;
	padding: 10px 0;
	font-family: sans-serif;
	font-size: 18px;
	color:#1a3921;
	/*font-weight: bold;*/
}

span.heading {
	margin: 10px 0
}

h3.dm13 span.heading{
	padding:8px 10px;
	border:#589a87 2px;
	border-style: solid none;
	background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgb(231 244 234) 3px, rgb(231 244 234) 6px);
	
}

.logo{
	/*filter: drop-shadow(1px 1px 1px #999);*/
}

.contact{
	display: block;
	padding: 0.5em 1.8em;
	border: solid 1px #6ec9b0;
	border-radius: 1.5em;
	text-align: center;
	font-size: 1.5em;
	background-color: #ffffff;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	text-decoration: none !important;
	color: #509a86;
}
.contact:hover{
	text-decoration: none !important;
	background-color: #6ec9b0;
	color: #ffffff;
	i{
		color: #ffffff;
	}
}

.parent{
	border-radius: 0.7em;
	border: solid 2px #6ec9b0;
	background-color: #ffffff;
	color: #40988e;
}

header{
	.logo-blk{
		width: 100%;
		position: absolute;
		z-index: 9;
		/*background: linear-gradient(to bottom, #f4f7f6, transparent);*/
		img{
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;
			/*filter:drop-shadow(5px 5px 5px rgb(255, 255, 255));*/
			filter: 
			drop-shadow(1px 0 0 white)
			drop-shadow(-1px 0 0 white)
			drop-shadow(0 1px 0 white)
			drop-shadow(0 -1px 0 white);
			
		}
	}
	.logo-l p{
		color: #ffffff;
		text-shadow: 2px 2px 2px #000000; 
	}
	.slider-copy {
		position: absolute;
		z-index: 99;
		top: 40vh;
		margin-right: -100px;
		font-size: 5em;
		color: #ffffff;
		font-weight: 900;
		text-shadow:1px 1px 0 #4e5a5a,-1px 1px 0 #4e5a5a,1px -1px 0 #4e5a5a,-1px -1px 0 #4e5a5a;
		/*-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #1c3922;*/
		background-color: #39393969;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	ul{
		list-style-type: none;
		padding-left: 0;
		li{
			padding: 0.5em 0.9em;
			margin-right: 0.5em;
			a{
				display: block;
				text-decoration: none;
				color: #ffffff;
				font-weight: bold;
				font-size: 1.2em;
				text-shadow: 2px 2px 2px #000000; 
			}
		}
	}
	article{
		position: relative;
		overflow: hidden;
		#slider{
			overflow: hidden;
		}
		.full div{
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			height: 100vh;
			margin: 0;
		}
		div.img01{
			background-image: url('../img/slick/s01.jpg');
		}
		div.img02{
			background-image: url('../img/slick/s02.jpg');
		}
		div.img03{
			background-image: url('../img/slick/s03.jpg');
		}
		div.img04{
			background-image: url('../img/slick/s04.jpg');
		}
		div.img05{
			background-image: url('../img/slick/s05.jpg');
		}
	}
}

.hero{
	.row{
		border: solid 1px #cccccc;
		background-color: #f4faf6;
		border-radius: 5px;
		img{
			border: solid 8px #ffffff;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			transform: rotate( -2deg );
		}
		.fs-5{
			color: #454953;
			letter-spacing: 3px;
			font-weight: bold;
			margin-top: 2em;
			border-top: double 7px #cccccc;
			border-bottom: double 7px #cccccc;
			line-height: 3em;
			background-color: #e7f4ea;
			background-color: #e7f4ea;
			/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
		}
		.sp-br {
			display: none;
		}
	}
}

.consultation{
	background-color: #bddedb;
	/*background-image: url("http://www.transparenttextures.com/patterns/dotnoise-light-grey.png");*/
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	img{
		box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
	}
}

.voice{
	img{
		/*border-radius: 1em*/
	}
}

.other{
	background-color:#bddedb;
	/*background-image: url("http://www.transparenttextures.com/patterns/dotnoise-light-grey.png");*/
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	img{
		filter: drop-shadow(5px 5px 5px #aaa);
	}
}

.news{
	dl{
		border-bottom: dotted 1px #afa26d;
	}
	dd a{
		text-decoration: none;
		color: #1e3f5b;
	}
	dd a:hover{
		text-decoration: underline;
	}
}

footer{
	ul{
		list-style-type: none;
		li{
			padding: 0.2em 0.1em;
		}
		a{
			text-decoration: none;
			color: #1e3f5b;
			i{
				margin-right: 0.2em;
				color: #afa26d;
			}
		}
		a:hover{
			text-decoration: underline;
		}
	}
	.foot-c {
		margin-top: 30px;
	}
	.foot-r{
		margin-top: 30px;
		a{
			text-decoration: none;
			color: #1e3f5b;
			i{
				margin: 0 0.2em;
				color: #afa26d;
			}
		}
		a:hover{
			text-decoration: underline;
		}
	}
	background-color:#bddedb;
	.copy{
		margin-bottom: 20px;
		/*color: #e7f4ea;*/
		font-weight: bold;
		/*text-shadow: 0 0 2px #555,
			0 0 2px #555,
			0 0 2px #555,
			0 0 2px #555,
			0 0 2px #555;*/
		letter-spacing: 3px;
	}
}

/* -----------------------------------------------
キャリア相談
----------------------------------------------- */
#career-consultation{
	header{
		background-image: url('../img/head_back.jpg');
		position: relative;
		clear: both;
		height: 171px;
		.d-lg-block{
			background-color: #3a3636bf;
			height: 171px;
		}
	}
	main{
		.container{
			background-color: #fff;
			padding-top: 3em;
			padding-bottom: 3em;
		}
		background-color: #bddedb;
		/*background-image: url('../img/page_bg.png');*/
		/*background-color:rgba(255,255,255,0.7);*/
		background-blend-mode:lighten;
		background-size: 50%;
		article{
			background-image: url('../img/s02.JPG');
			
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 100vh;
			background-size: cover;
			section{
				background-color: #eeeeee90;
			}
			p{
				font-size: 1.5em;
				text-align: center;
			}
		}
	}
	
	h2 {
		font-family: 'kosugi';/*'Georgia', serif;*/
		font-weight: 300;
		font-size: 33px;
		color: #333;
		border-bottom: 2px solid #ccc;
		padding-bottom: 8px;
		margin-bottom: 24px;
	}
	
	h3{
		font-family: 'Georgia', serif;
		font-weight: 600;
		font-style: italic;
	}
	.car-1{
		.container{
			background-color: unset;
		}
	}
	.car-2{
	font-family: kosugi;
		.row{
			display: flex;
			align-items: center;
		}
		ul{
			li{
				font-size: 1.6em;
				line-height: 2em;
			}
		}
		.copy{
			font-size: 1.7em;
		}
		img{
			border: solid 8px #ffffff;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			transform: rotate(-2deg);
		}
	}
	
	.car-3{
		img{
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
			border-radius: 5px;
		}
	}
	
	.badge-gold {
		display: inline-flex;
		justify-content: center;
		align-items: center;

		width: 130px;
		height: 130px;
		border-radius: 50%;

		/* ゴールドの質感 */
		background: radial-gradient(circle at 30% 30%, 
		#fff8d6, #f7d779 30%, #e5b64c 60%, #d6a032 80%, #b8860b);

		box-shadow:
		/* 外側の立体感 */
		0 6px 10px rgba(0,0,0,0.2),
		/* 内側の光沢 */
		inset 0 4px 6px rgba(255,255,255,0.6),
		inset 0 -4px 6px rgba(0,0,0,0.15);

		border: 2px solid rgba(255, 230, 150, 0.8);

		font-size: 1.5rem;
		font-weight: 700;
		color: #6b4e00;
		letter-spacing: 0.5px;

		margin-bottom: 15px;
	}

	/* タイトル */
	.ach-title {
		font-size: 1.1rem;
		font-weight: 600;
		margin-bottom: 6px;
	}

	/* 説明文 */
	.ach-desc {
		font-size: 0.9rem;
		color: #555;
		margin: 0 auto;
		max-width: 200px;
	}
	
	
	
	.service-card {
		background: #f6fff3;
		border-radius: 16px;
		padding: 30px 20px;
		text-align: center;
		font-size: 1.1rem;
		font-weight: 600;
		color: #333;
		transition: all 0.25s ease;
		box-shadow: 0 6px 12px rgba(0,0,0,0.05);
		border: 1px solid #e5ebf5;
		h3{
			font-size: 1.2em;
		}
		p{
			font-weight: normal;
			font-size: 1em;
			text-align: left;
			line-height: 1.5em;
		}
	}

	/* ホバー時にふわっと持ち上がる */
	.service-card:hover {
		transform: translateY(-6px);
		box-shadow: 0 12px 24px rgba(0,0,0,0.1);
		background: #ffffff;
	}

	/* スマホ時は1列 → 自動的にBootstrapが縦並びに */
	@media (max-width: 575px) {
		.service-card {
			padding: 24px 16px;
		}
	}

	.service-card-img {
		width: 100%;
		max-width: 120px;      /* 大きすぎ防止 */
		border-radius: 10px;
		margin-bottom: 15px;
	}

	
	.flow {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		flex-wrap: wrap;
	}

	/* 各ステップ */
	.step {
		position: relative;
		padding: 20px 30px;
		background: #bddedb;
		border-radius: 10px;
		text-align: center;
		flex: 1 1 calc(33% - 20px);
		min-width: 220px;
	}

	/* 矢印（右向き） */
	.step::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -1.15em;
		transform: translateY(-50%);
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #ccc;
	}

	/* 最後のステップは矢印無し */
	.step:last-child::after {
		content: none;
	}

	/* ---- スマホ 以下 ---- */
	@media (max-width: 600px) {
		.flow {
			flex-direction: column;
			gap: 40px;
		}

		.step {
			flex: none;
		}

		/* 矢印は下向きに切り替え */
		.step::after {
			top: auto;
			bottom: -20px;
			left: 50%;
			right: auto;
			transform: translateX(-50%);
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 15px solid #ccc;
			border-bottom: none;
		}
	}

	
	dl {
		width: 100%;
		margin: 0 auto;
		font-family: Arial, sans-serif;
	}
	dt {
		cursor: pointer;
		background-color: #f0f0f0;
		padding: 10px;
		margin-top: 5px;
		border-radius: 4px;
	}
	dt:hover {
		background-color: #e0e0e0;
	}
	dd {
		display: none;
		padding: 10px;
		margin: 0;
		border-left: 3px solid #007BFF;
		background-color: #fafafa;
	}
	
	
	.cta-btn {
		display: inline-block;
		padding: 14px 32px;
		background-color: #A6DCCC; /* 淡いティール系（ワイヤー風） */
		color: #333;
		text-decoration: none;
		font-size: 1.1rem;
		font-weight: 600;
		border-radius: 8px;
		border: 2px solid #7CC4B2; /* 輪郭を少し濃くして視認性UP */
		transition: all 0.25s ease;
		box-shadow: 0 3px 6px rgba(0,0,0,0.08);
	}

	.cta-btn:hover {
		background-color: #9BD5C5; /* 少し濃く */
		transform: translateY(-2px);
		box-shadow: 0 6px 12px rgba(0,0,0,0.12);
	}

	.cta-btn:active {
		transform: translateY(0);
		box-shadow: 0 2px 4px rgba(0,0,0,0.08);
	}
}

#about-me{
	.am-4{
		.flow {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 20px;
			flex-wrap: wrap;
		}

		/* 各ステップ */
		.step {
			position: relative;
			padding: 20px 30px;
			background: #bddedb;
			border-radius: 10px;
			text-align: center;
			flex: 1 1 calc(33% - 20px);
			min-width: 220px;
		}

		/* 矢印（右向き） */
		.step::after {
			content: "";
			position: absolute;
			top: 50%;
			right: -1.15em;
			transform: translateY(-50%);
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 15px solid #ccc;
		}

		/* 最後のステップは矢印無し */
		.step:last-child::after {
			content: none;
		}

		dt{
			background-color: #f0f0f0;
		}
	} 
	.car-9{
		.cta-btn {
			display: inline-block;
			padding: 14px 32px;
			background-color: #A6DCCC; /* 淡いティール系（ワイヤー風） */
			color: #333;
			text-decoration: none;
			font-size: 1.1rem;
			font-weight: 600;
			border-radius: 8px;
			border: 2px solid #7CC4B2; /* 輪郭を少し濃くして視認性UP */
			transition: all 0.25s ease;
			box-shadow: 0 3px 6px rgba(0,0,0,0.08);
		}

		.cta-btn:hover {
			background-color: #9BD5C5; /* 少し濃く */
			transform: translateY(-2px);
			box-shadow: 0 6px 12px rgba(0,0,0,0.12);
		}

		.cta-btn:active {
			transform: translateY(0);
			box-shadow: 0 2px 4px rgba(0,0,0,0.08);
		}

	}
}
#voice-of-customer{
	.cta-btn {
		display: inline-block;
		padding: 14px 32px;
		background-color: #A6DCCC; /* 淡いティール系（ワイヤー風） */
		color: #333;
		text-decoration: none;
		font-size: 1.1rem;
		font-weight: 600;
		border-radius: 8px;
		border: 2px solid #7CC4B2; /* 輪郭を少し濃くして視認性UP */
		transition: all 0.25s ease;
		box-shadow: 0 3px 6px rgba(0,0,0,0.08);
	}

	.cta-btn:hover {
		background-color: #9BD5C5; /* 少し濃く */
		transform: translateY(-2px);
		box-shadow: 0 6px 12px rgba(0,0,0,0.12);
	}

	.cta-btn:active {
		transform: translateY(0);
		box-shadow: 0 2px 4px rgba(0,0,0,0.08);
	}
}

/* -----------------------------------------------
共通
----------------------------------------------- */
#notfound,
#contact,
#category,
#lesson,
#about-me,
#voice-of-customer,
#single,
#privacypolicy{
	header{
		background-image: url('../img/head_back.jpg');
		position: relative;
		clear: both;
		height: 171px;
		.d-lg-block{
			background-color: #3a3636bf;
			height: 171px;
		}
	}
	main{
		.container{
			background-color: #fff;
			padding-top: 3em;
			padding-bottom: 3em;
		}
		background-color: #bddedb;
		background-blend-mode:lighten;
		background-size: 50%;
		article{
			background-image: url('../img/s02.JPG');
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 100vh;
			background-size: cover;
			section{
				background-color: #eeeeee90;
			}
			p{
				font-size: 1.5em;
				text-align: center;
			}
		}
	}
	
	h2 {
		font-family: 'kosugi';/*'Georgia', serif;*/
		font-weight: 300;
		font-size: 33px;
		color: #333;
		border-bottom: 2px solid #ccc;
		padding-bottom: 8px;
		margin-bottom: 24px;
	}
	
	h3{
		font-family: 'Georgia', serif;
		font-weight: 600;
		font-style: italic;
	}
}

#contact{
	dl{
		border-bottom: solid 1px #1e3f5b;
		dt{
			background-color: #bddedb;
		}
		dd{
			input,textarea{
				max-width: 100%;
			}
		}
	}
}
#category{
	.nextprev a{
		text-decoration: none;
		color: #1e3f5b;
	}
	.nextprev a:hover{
		text-decoration: underline;
	}
}


@media (max-width: 991.98px) { 
	h2{
		margin-bottom: 0.5em !important;
	}
	header{
		div.col-10{
			padding-top: 0 !important;
		}
		ul{
			li{
				a{
					color: #333333;
					text-shadow: none;
				}
			}
		}
		.logo-blk{
			background: linear-gradient(to bottom, #f4f7f6, transparent 50%);
			background-image: none;
			background-color: #cccccc9e;
		}
		article{
			.full div{
				height: 80vh;
			}
		}
		div.slider-copy{
			bottom: 0;
			top: auto;
		}
		div.slider-copy p{
			font-size: 8vw;
		}
	}
	.navbar-toggler-icon{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(250, 247, 240, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.collapsing {
		-webkit-transition: height 0.8s ease;
		transition: height 0.8s ease;
	}
	div.collapse{
		z-index:100;
	}
	main{
		section.hero{
			p.lh-lg{
				padding: 0 !important;
				line-height: 1.6 !important;
			}
			padding: 0.5em 0 !important;
			margin: 0 !important;
			div.mt-5{
				margin-top: 1em !important;
			}
			div.mb-5{
				margin-bottom: 1em !important;
				padding-bottom: 1em !important;
			}
			div.row > div.d-flex{
				padding: 0.8em !important;
				flex-direction: column;
				.fs-5{
					margin: 0.5em !important;
					line-height: 1.8em !important;
					font-size: 0.9em !important;
				}
				.ps-5 {
					font-size: 0.9em !important;
					padding-left: 10px !important;
					padding-right: 10px !important;
				}
				.sp-br {
					display: block;
				}
			}
	}
		section.consultation{
			p.lh-lg{
				padding: 0 !important;
				padding-left: 1em !important;
				padding-right: 1em !important;
			}
			padding: 2em 0 !important;
			margin: 0 !important;
			div.mt-5{
				margin-top: 1em !important;
			}
			div.mb-5{
				margin-bottom: 1em !important;
			}
			.img-fluid {
				display: none !important;
			}
		}
		section.voice{
			p.lh-lg{
				padding: 0 !important;
				padding-left: 1em !important;
				padding-right: 1em !important;
			}
			padding: 2em 0 !important;
			margin: 0 !important;
			div.mt-5{
				margin-top: 1em !important;
			}
			div.mb-5{
				margin-bottom: 1em !important;
			}
			div.col-md-4{
				margin-bottom: 1.5em !important;
			}
		}
		section.other{
			padding: 2em 0 !important;
			margin: 0 !important;
			div.mt-5{
				margin-top: 1em !important;
			}
			div.p-5{
				padding: 0.5em 0 !important;
				div.d-flex{
					flex-direction: column;
					p{
						padding: 0 !important;
						padding-left: 1em !important;
				padding-right: 1em !important;
						margin-top: 10px;
					}
				}
			}
		}
		section.news{
			padding: 2em 0 !important;
			margin: 0 !important;
			div.mt-5{
				margin-top: 1em !important;
			}
		}
	}
	a.contact{
		margin-bottom: 0.5em !important;
		padding: 0.2em 1em;
	}
	footer{
		.foot-l{
			text-align: center;
		}
		.copy{
			padding: 0.3em 0 !important;
			line-height: 1.1em;
		} 
		.foot-c{
			ul{
				padding: 0;
				text-align: center;
			}
		}
	}
}

@media (min-width: 576px) and (max-width: 1399.98px) {
	.contact{
		padding: 0.3em 0.5em;
		font-size: 1em;
	}
	header{
		.slider-copy{
			font-size: 3em;
		}
		ul{
			li{
				a{
					font-size: 0.8em;
				}
			}
		}
		.logo-l p{
			font-size: 0.7em;
		}
	}
	.hero{
		.container{
			div.row:nth-child(even){
				.d-flex{
					flex-direction: column-reverse !important;
				}
			}
		}
		.d-flex{
			flex-direction: column;
			.col-md-4{
				width: 60% !important;
			}
			.col-md-8{
				width: 100% !important;
			}
		}
	}
	.voice{
		.col-md-4{
			width: 50% !important;
			padding-bottom: 3em;
		}
	}
	.other{
		.row{
			flex-direction: column;
			.col-md-6{
				width: 100% !important;
			}
			.offset-md-3{
				width: 50% !important;
			}
		}
	}
	.news{
		dl{
			flex-direction: column;
			align-items: flex-start !important;
		}
	}
}

/* -----------------------------------------------
2026/02/18
----------------------------------------------- */
@media (max-width: 575.99px) { /* col- */
	#career-consultation{
		.car-6, .car-5, .car-4, .car-3, .car-2{
			padding-left: 0 !important;
			padding-right: 0 !important;
			h2{
				font-size: 2em;
			}
		}
		.car-2{
			li{
				font-size: 1em !important;
			}
			.copy{
				p{
					font-size: 0.8em !important;
				}
			}
		}
		article{
			background-position: center;
			p.sub-copy, p.catch-copy{
				font-size: 1.1em !important;
			}
		}
		header{
			
		}
	}
	#voice-of-customer{
		.voc-1{
			padding-left: 0 !important;
			padding-right: 0 !important;
			.ps-5{
				padding-left: 0 !important;
				padding-right: 0 !important;
				p{
					br{
						display: none;
					}
				}
			}
		}
		.voc-2{
			padding-left: 0 !important;
			padding-right: 0 !important;
			.ps-5{
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
			.vocimg1, .vocimg2, .vocimg3, .vocimg4 {
				height: 100px;
			}
			.vocimg2, .vocimg4 {
				order: -1;
			}
			h2{
				font-size: 1.5em;
			}
		}
		.voc-3{
			padding-left: 0 !important;
			padding-right: 0 !important;
			.col-md-12{
				padding-left: 0 !important;
				padding-right: 0 !important;
				p{
					font-size: 1.3em !important;
					br{
						display: none;
					}
				}
				
			}
		}
	}
	#about-me{
		.am-1, .am-2, .am-3, .am-4, .am-5{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
		.am-1{
			.ps-5{
				padding-left: 0.8em !important;
			}
		}
		.am-2{
			.ps-5{
				padding-left: 0.8em !important;
			}
		}
		.am-3{
			.ps-5{
				padding-left: 0.8em !important;
			}
		}
		.am-4{
			.step::after{
				top: 100%;
				right: 50%;
				rotate: 90deg;
			}
		}
		.am-5{
			ul{
				padding-left: 0 !important;
			}
			li{
				font-size: 0.7em !important;
			}
		}
		.car-9{
			p{
				br{
					display: none;
				}
			}
		}
	}
	#lesson{
		.car-2{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
	#category{
		.car-2{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
	#privacypolicy{
		.car-2{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
}

@media (min-width: 576px){ /* more than smartphone */
	
}

@media (min-width: 576px) and (max-width: 767.98px) { /* col-sm */
	
}

@media (min-width: 768px) and (max-width: 991.98px) { /* col-md */
	
}

@media (min-width: 992px) and (max-width: 1199.98px) { /* col-lg */
	
}

@media (min-width: 1200px) and (max-width: 1399.98px) { /* col-lg */
	
}

@media (min-width: 1400px) { /* col-xl */
	
}