@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font: normal 18px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}

body .sp-item {
	display: none !important; }
body .pc-item {
	display: block !important; }

@media screen and (max-width: 640px) {
	body {
		min-width: inherit;
	height:100%;
	}
		body .sp-item {
			display: block !important; }
		body .pc-item {
			display: none !important; }
	body .sp-item img {
	width:100%;}
}

img {
	width: 100%;
	display: block;
}

p {
	font-feature-settings: "palt";
}
/* 共通項目 */

p strong {
	font-weight: bold;
	color: #bd0000;
}

.wrap {
	/* width: 70%; */
	width: 900px;
	margin: 0 auto;
	padding: 50px 0;
}



/* 共通項目 */

.sec {
	width: 900px;
	margin: 0 auto;
}

@media screen and (max-width: 640px){
	.sec {
		width: 100%;
	}
}

/* CTA */
.form {
	margin: 40px auto;
}
.form img {
width: 60%;
margin: 0 auto;
}

.form p {
	text-align: center;
}

.btn {
	margin-bottom: 100px;
}
@media screen and (max-width: 640px){
	.form {
		margin: 20px auto 0;
	}
	.form img {
		width: 90%;
	}
	.btn {
		margin-bottom: 60px;
	}
	.form p {
		font-size: 14px;
	}
}


/* ファーストビュー */
.btn {
	animation:  btn 2s infinite;
}
@keyframes btn {
	0% {
		transform: translate(0px, 2px);
	}
	5% {
		transform: translate(0px, -2px);
	}
	10% {
		transform: translate(0px, 2px);
	}
	15% {
		transform: translate(0px, -2px);
	}
	20% {
		transform: translate(0px, 2px);
	}
	25% {
		transform: translate(0px, -2px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}


/* sec1 */
.sec1 {
	margin: 140px auto;
}

.sec1 h3 {
	margin-bottom: 100px;
}

@media screen and (max-width: 640px){
	.sec1 {
		margin: 20px auto;
	}
	.sec1 h3 {
		margin-bottom: 40px;
	}
}

.youtube {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	margin-bottom: 100px;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* sec2  長引く身体の不調を根本から改善したい方へ */
.sec2 {
	background: url(../images/bg2.png);
	padding: 100px ;
}

.sec2 figure {
	margin-bottom: 80px;
}

@media screen and (max-width: 640px){
	.sec2{
		padding: 0px;
		margin-top: 60px;
	}
	h3 {
		width: 100%;
	}

	.sec2 p {
		padding: 0 5% 0;
	}

	.sec2 .sec2p {
		padding-bottom: 50px;
	}

	figure .list {
		width: 80%;
	}
}

/* sec3 東洋医学と西洋医学の違い */
.sec3 {
	/* background: url(../images/bg5-1.png); */
	width: auto;
	position: relative;
	padding-bottom: 40px;
	background-repeat: no-repeat;
}

.sec3 h3 {
	margin: 120px auto 80px;
	width: 80%;
}

.sec3 .flex {
	display: flex;
	margin-bottom: 80px;
}

.flex p {
	flex-basis:70%;
	margin-right: 30px;
}

.flex figure {
	flex-basis:30%;
	margin-left: 30px;
}

.sec3 .textimg figure {
	margin: 60px auto;
	width: 80%;
}

.sec3img {
	width: 80%;
	margin: 40px auto;
}

@media screen and (max-width: 640px){
	.sec3 h3 {
		margin: 0px auto 40px;
		width: 100%;
	}
	.sec3 .flex {
		display:block;
		margin: 10px auto;
		margin-bottom: 60px;
		width: 90%;
	}
	.flex figure {
		flex-basis:0%;
		margin-left: 0px;
		padding: 10%;
	}
	.sec3 .textimg {
		padding: 5%;
	}
	.sec3 .textimg figure {
		width: 100%;
	}
	.sec3img {
		width: 100%;
		margin: 40px auto;
	}
}

/* sec4 3つの特徴 */

.sec4 h3 {
	margin: 120px auto 60px;
	width: 80%;
}

.sec4 .textimg figure {
margin-bottom: 80px;
}

.sec4 .textimg p {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
}

@media screen and (max-width: 640px){
	.sec4 h3 {
		margin: 60px auto 60px;
		width: 90%;
	}
	.sec4 .textimg p {
		text-align: left;
		font-weight: bold;
		font-size: 20px;
		padding: 0 20px;
	}
}

.sec3-4 {
	background: url(../images/bg5-1.png);
	padding-bottom: 60px;
}
/* sec5 受講生の声 */
.sec5 {
	background: url(../images/bg1.png);
	position: relative;
	width: auto;
	padding-top: 60px;
	padding-bottom: 60px;
	background-attachment: fixed;
}

.sec5 h3 {
	margin: 120px auto 60px;
	width: 50%;
}

.voice {
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3));
	margin: 80px 0;
}

.voice1 {
	padding: 40px;
	margin: 50px auto;
	background-color: #fff;
	clip-path: polygon(5% 0, 100% 0, 100% 0, 100% 95%, 95% 100%, 0 100%, 0 100%, 0% 5%);
}

.voice2 {
	padding: 40px;
	margin: 50px auto;
	background-color: #ffffea;
	clip-path: polygon(5% 0, 100% 0, 100% 0, 100% 95%, 95% 100%, 0 100%, 0 100%, 0% 5%);
}

.voiceimg {
	width: 40%;
	margin: 20px 0;
}

@media screen and (max-width: 640px){
	.sec5 h3 {
		margin: 0px auto 0px;
		width: 70%;
	}
	
	.voice {
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3));
		margin: 20px 0;
	}
	
	.voice1 {
		padding: 40px;
		margin: 50px auto;
		background-color: #fff;
		clip-path: polygon(8% 0, 100% 0, 100% 0, 100% 98%, 92% 100%, 0 100%, 0 100%, 0% 2%);
	}
	
	.voice2 {
		padding: 40px;
		margin: 50px auto;
		background-color: #ffffea;
		clip-path: polygon(8% 0, 100% 0, 100% 0, 100% 98%, 92% 100%, 0 100%, 0 100%, 0% 2%);
	}
	
	.voiceimg {
		width: 100%;
		margin: 20px 0;
	}
	
	.spvoice {
		margin-top: 30px;
	}
	}

/* sec6 東洋医学整体スクールで学べること */

.sec6 {
	width: 100%;
}

.sec6 figure {
	margin-bottom: 60px;
}

.sec6 h4 figure {
	margin-bottom: 20px;
}

@media screen and (max-width: 640px){
	.sec6 h3 {
		width: 100%;
	}
}

/* sec7 未経験からでもはじめられます */
.sec7 h3 {
	margin: 60px auto 80px;
}

.sec7img {
	margin: 100px auto 100px;
	width: 80%;
}

.sec7img2 {
	margin-bottom: 80px;
}

.sec7 p {
	text-align: center;
}

@media screen and (max-width: 640px){
	.sec7 h3 {
		margin: 60px auto 0px;
		width: 95%;
	}
	.sec7img {
		margin: 60px auto 60px;
		width: 100%;
	}
	.sec7img2 {
		width: 90%;
		margin: 0 auto 40px
	}
	.sec7 p {
		padding: 10px;
	}
}

/* sec8 講師プロフィール */
.sec8 {
	background: url(../images/bg7.png);
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}

.sec8 h3 {
	width: 60%;
	margin: 80px auto 100px;
}

@media screen and (max-width: 640px){
	.sec8 h3 {
		width: 80%;
		margin: 60px auto 40px;
	}
	.sec8img {
		width: 90%;
		margin: 0 auto;
	}
	.img18 {
		margin-top: 30px;
	}
}

/* フッター */
.footer {
	background-color: #5a4900;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	}