/*--------------------------------
 全体
---------------------------------*/
/*ベースカラー*/
:root{
	--color-a:#c82c78;
	--color-b:#b09c53;
	--color-c:#C9AD58;
	--color-d:#FAF9F4;
	--color-e:#1D444B;
  }
/*layout*/
#wrapper {
	overflow: hidden;
	position: relative;
}
.inner{
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.inner-conent{
	width: 80%;
	max-width: 780px;
	margin-right: auto;
	margin-left: auto;
}
.inner-conent-narrow{
	width: 80%;
	max-width: 580px;
	margin-right: auto;
	margin-left: auto;
}

/*画像*/
img {
	width: 100%;
}
/*margin*/
.mt-xl {
	margin-top:120px;
}
.mt-l {
	margin-top: 60px;
}
.mt-m {
	margin-top: 32px;
}
.mt-n {
	margin-top:16px;
}
.mt-s {
	margin-top: 10px;
}
.m-center{
	margin-left: auto;
	margin-right: auto;
}
/*flex*/
.flex-row{
display: flex;
flex-direction: row;
}
.flex-column-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*スマホ用PC用要素*/
.pc-only {
	display: block;
}
.sp-only {
	display: none;
}


/*リキッド*/
@media (max-width: 780px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	.inner{
		width: 100%;
	}
	.mt-xl {
		margin-top:60px;
	}
	.mt-l {
		margin-top: 40px;
	}
	.mt-m {
		margin-top: 20px;
	}
	.mt-n {
		margin-top:14px;
	}
	.mt-s {
		margin-top: 8px;
	}
}


/*--------------------------------
 文字
font-family: 'Noto Sans JP', sans-serif;400/500/700
font-family: 'Roboto', sans-serif;400/500/700
font-family: 'Noto Serif JP', serif;400/500/600/700
---------------------------------*/
body {
	font-family: 'Roboto','Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #231815;
	font-size: 16px;
	background-color: #fff;
}
h1{
	font-size:  clamp(14px,4vw,22px);
	letter-spacing: 0.05em;
	font-weight: 500;
	line-height: 1;
	padding-top: 1em;
	padding-bottom: 1em;
}
h2 {
	font-size:  clamp(16px,5vw,32px);
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}


p {
	line-height: 1.7;
	font-feature-settings: "palt";
	text-align: justify;
	letter-spacing: 0.03em;
}
li,dd{
	letter-spacing: 0.03em;
}
.t-cap {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
}
.t-right {
	text-align: right;
}
.t-left {
	text-align: left;
}
.t-center {
	text-align: center;
}
.t-big{
	font-size: 1.5em;
}
.t-small{
	font-size: 0.8em;
}
.t-strong{
	font-weight: 600;
	font-size: 1.4em;
}
.t-color-a{
	color: var(--color-a);
	}
.t-color-b{
color: var(--color-b);
}
.t-color-c{
color: var(--color-c);
}
.t-color-wht{
	color: #fff;
}
.t-color-gry{
	color: #707070;
}
.t-nowrap{
	display: inline-block;
}


/*リキッド*/

@media (max-width: 780px) {
	body {
		font-size: 15px;
	}
	h1{
		padding-left: 1em;
	}

}
/*スマートフォン*/
@media (max-width : 560px) {
	body {
		font-size: 14px;
	}

}

/*--------------------------------
背景色
---------------------------------*/
.bk-wht{
	background-color: #fff;
}
.bk-a{
	background-color: var(--color-a);
}
.bk-b{
	background-color: var(--color-b);
}
.no-webp .bk-pnk{
	background: url(../img/bk_pnk.jpg) no-repeat;
	background-size:cover ;
	background-position: bottom center;
}
.webp .bk-pnk{
	background: url(../img/bk_pnk.webp) no-repeat;
	background-size:cover ;
	background-position: bottom center;
}
.no-webp .bk-pnk-top{
	background: url(../img/bk_pnk.jpg) no-repeat;
	background-size:cover ;
	background-position: top center;
}
.webp .bk-pnk-top{
	background: url(../img/bk_pnk.webp) no-repeat;
	background-size:cover ;
	background-position: top center;
}
.bk-pnkkle{
	background: url(../img/bk_pnkle.jpg) no-repeat;
	background-size:cover ;
	background-position: center center;
}
/*--------------------------------
フェードインアニメーション
fade-in と fade-in-動き を設定。
---------------------------------*/

.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
  }
  
  .fade-in-up {
	transform: translate(0, 50px);
  }
  
  .fade-in-down {
	transform: translate(0, -50px);
  }
  
  .fade-in-left {
	transform: translate(-50px, 0);
  }
  
  .fade-in-right {
	transform: translate(50px, 0);
  }
  .scroll-in {
	opacity: 1;
	transform: translate(0, 0);
  }


/*--------------------------------
aタグ、ボタン
---------------------------------*/
a:hover{
	filter: brightness(1.1); 
	transition:0.3s;
	cursor: pointer;
}
.btn{
	width: 90%;
	max-width: 480px;
	background: rgb(255,171,118);
	background: linear-gradient(58deg, rgba(255,171,118,1) 0%, rgba(205,99,90,1) 100%);
	border-radius: 100px;
	padding: 1em;
	font-size:  min(5vw,20px);
	text-align: center;
	font-weight: 500;
	color: #fff;
}

/*--------------------------------
fv ファーストビュー
---------------------------------*/

.fv-img-wrap{
	background-color: #e6e7e1;
}
.fv-img-wrap-in{
	position: relative;
}
.fv-reed{
	font-size:  clamp(12px,3.3vw,22px);
	font-weight: 500;
	line-height: 2;
	position: absolute;
	left: 10%;
	bottom:30%;
}
.fv-logo{
	width: 23%;
	max-width: 190px;
	position: absolute;	
	right: 2%;
	bottom: -60px;
}
.fv-h2{
margin-top: 1em;
margin-bottom: 1em;
}
.fv-bottom-content{
	width: 780px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding:3em 4em;
}
.fv-bottom-content-menue{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.fv-bottom-content-menue li{
	width: 40%;
	padding: 8px;
	text-align: center;
	border: #231815 1px solid;
	margin-bottom: 18px;
	font-weight: 500;
}
.fv-bottom-content-menue li:nth-of-type(3),.fv-bottom-content-menue li:nth-of-type(4){
	margin-bottom: 0;
}
.fv-bottom-content-area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
.fv-bottom-content-area li{
	color: var(--color-a);
	font-weight: 500;
	padding: 4px 12px;
	border-right: solid var(--color-a) 1px;
	}
.fv-bottom-content-area li:last-of-type{
	border-right: none;
}

/*リキッド*/
@media (max-width: 780px) {
	.fv-logo{
		bottom: -24px;
	}
	.fv-reed{
		left: 6%;
		bottom:20%;
	}

	.fv-bottom-content{
		width: 70%;
		padding:2em;
	}
	.fv-bottom-content-menue{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content:normal;
	}
	.fv-bottom-content-menue li{
		width: 100%;
		margin-bottom: 10px;
	}
	.fv-bottom-content-area li{
		padding: 2px 6px;
		}
	.fv-bottom-content-menue li:nth-of-type(3){
		margin-bottom: 10px;
	}

}

/*--------------------------------
各sectionの共通スタイル
---------------------------------*/
.cv-btn{
	width: 90%;
	max-width: 420px;
	background-color: var(--color-a);
	margin-left: auto;
	margin-right: auto;
	transition-duration:0.2s;
	position: relative;
	border-radius: 15px;
}
.cv-btn:hover{
	opacity: 0.8;
}
.cv-btn a{
	font-size: min(4vw,16px) ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding: 0.81em 0;
}
/*--------------------------------
sc01 3つのメリット
---------------------------------*/
.sc01{
	background-color: #fff;
}
.sc01-top-wrap{
	height: 320px;
}
.sc01-top-img{
	height: 100%;
	object-fit: cover;
}
.sc01-content{
	display: flex;
	flex-direction: row;
}
.sc01-content:nth-of-type(2){
	flex-direction: row-reverse;
}
.sc01-content-img{
	width: 50%;
	object-fit: cover;
}
.sc01-content-textbox{
	width: 50%;
	background-color: #f4ede4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-top: 2em;
	padding-bottom: 2em;
	}
.sc01-content-no{
	background-color: var(--color-a);
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	padding: 2px 18px;
	border-radius: 4px;
	margin-left: 40px;
	}
	.sc01-content-no .t-strong{
		margin-left: 4px;
	}
.sc01-content-textbox h3{
	font-size: clamp(14px,4vw,22px) ;
	color: var(--color-a);
	font-weight: 500;
	text-align: left;
	padding-left: 40px;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	line-height: 1.5;
}
.sc01-content-textbox p{
	padding-left: 40px;
	padding-right: 40px;
}

/*リキッド*/
@media (max-width: 780px) {
	.sc01-top-wrap{
		height: 200px;
	}
	.sc01-content-textbox{
		align-items: center;
	}
	.sc01-content-no{
		font-size: 12px;
		margin-left: 0;
		}
		.sc01-content-textbox h3{
			text-align: center;
			padding-left: 0.5em;
			padding-right: 0.5em;
		}
	.sc01-content-textbox p{
		font-size: 12px;
		padding-left: 1.5em;
		padding-right: 1.5em;
		line-height: 1.4;
	}
}
/*--------------------------------
sc02 point3つ
---------------------------------*/
.sc02{
	background-color: #fff;
	padding-top: 120px;
	padding-bottom: 120px;
}
.sc02-top-img{
	width: 95%;
	max-width:624px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sc02-content-warap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.sc02-content{
	width: 25%;
}
.sc02-conetnt-no{
	width: 90px;
	margin-left: -40px;
	margin-bottom: 10px;
}
.sc02-conetnt-textbox h3{
	font-size: 18px;
	color: var(--color-a);
	font-weight: 600;
	text-align: center;
}

/*リキッド*/
@media (max-width: 780px) {
	.sc02{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.sc02-content-warap{
		flex-direction: column;
	}
	.sc02-content{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.sc02-content{
		width: 100%;
	}
	.sc02-conetnt-no{
		width: 20%;
		margin-left: -5%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.sc02-conetnt-textbox h3{
		font-size: 15px;
		text-align: left;
	}
	.sc02-conetnt-textbox p{
		line-height: 1.4;
	}
}
/*--------------------------------
sc03 こんなサロンに喜ばれています
---------------------------------*/
.sc03-top{
	padding-top: 120px;
}
.sc03-content {
	padding-bottom: 140px;
}
.sc03-content li{
	font-size: 18px;
	line-height: 1.6;
	padding-left: 20px;
	margin-bottom: 16px;
	position: relative;
}
.sc03-content li::before{
content: "";
width: 18px;
height: 18px;
background: url(../img/checkbox.png) no-repeat;
background-size: contain;
position: absolute;
left: 0;
top:4px;
}

/*リキッド*/
@media (max-width: 780px) {
	.sc03-top{
		padding-top: 80px;
	}
	.sc03-content li{
		font-size: 15px;
	}
	.sc03-content li::before{
		width: 15px;
		height: 15px;
		top:3px;
		}
}
/*--------------------------------
sc04 口コミ評価
---------------------------------*/
.sc04-top{
	position: relative;
}
.sc04-top img{
	position: relative;
	top:-80px;
}
.sc04-content-wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sc04-content{
	width: 41%;
}
/*リキッド*/
@media (max-width: 780px) {

	.sc04-content-img{
		padding: 1em;
	}
	.sc04-content-wrap{
		flex-direction: column;
	}
	.sc04-content{
		width: 100%;
	}
}
/*--------------------------------
sc05 sns検索ワード
---------------------------------*/
.sc05{
	padding-bottom: 120px;
}
.sc05-content h3{
	text-align: center;
		font-size:  24px;
		line-height: 1.5;
}
.sc05-img-wrap img{
	width: 120%;
	margin-left: -20%;
}
/*リキッド*/
@media (max-width: 780px) {
	.sc05{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.sc05-content h3{
			font-size: 18px;
	}
}
/*--------------------------------
sc06
---------------------------------*/
.sc06-wholewrap{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 120px;
}
.sc06-content-wrap{
	width: 50%;
}
.sc06-top-img-wrap{
	width: 60%;
	margin-left: -20%;
}
.sc06-content-wrap h2{
	padding-top: 0;
}
.sc06-bottom{
	height: 40px;
}
.sc06-shoulder-wrap{
	color: #fff;
	font-size:  18px;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
}
.sc06-shoulder{
	margin-right: 4px;
	padding: 2px 8px;
}
.sc06-shoulder:nth-of-type(2){
	padding-right: 60px;
}
.sc06-content h3{
	font-family: 'Noto Serif JP', serif;
	font-size: clamp(16px,4.5vw,24px);
	line-height: 1.5;
}
/*リキッド*/
@media (max-width: 780px) {
	.sc06-wholewrap{
		flex-direction: column;
		padding-bottom: 80px;
	}
	.sc06-top-img-wrap,.sc06-content-wrap{
		width: 100%;
	}
	.sc06-top-img-wrap{
		margin-left: auto;
	}
	.sc06-content-wrap h2{
		padding-top: 1em;
	}
	.sc06-shoulder-wrap{
		font-size:  14px;
	}
	.sc06-content{
		padding: 0 1em;
	}
	.sc06-shoulder:nth-of-type(2){
		padding-right: 30px;
	}
}
/*--------------------------------
sc07 スクール受講者の声
---------------------------------*/
.sc07{
	padding-top: 120px;
}

.sc07-content-wholewrap{
	background-image: url(../img/sc07_content_bk_top.png) ,url(../img/sc07_content_bk_bottom02.png);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position:-10% -40%,115% 100%;
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
}
	.sc07-content-bk{
		width: 40%;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 80px;
	}
.sc07-content{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.sc07-pc-ttl{
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	font-size: clamp(14px,4vw,22px) ;
	font-family: 'Roboto','Noto Sans JP', sans-serif;
	font-weight: 500;
	color:var(--color-a);
}
.sc07-content-bk h2 span,.sc07-pc-ttl span{
	display: inline-block;
	height: 100%;
	background-color: #fff;
	padding: 0 10px;
}
.sc07-content-bk h2,.sc07-content-bottomline,.sc07-pc-ttl{
	width:  100%;
	background-color: var(--color-a);
}
.sc07-content-bottomline{
	height: 15px;
	margin-top: 40px;
}
.sc07-content h3{
	font-size: clamp(15px,4vw,20px) ;
	font-family: 'Noto Serif JP', serif;
	color: var(--color-a);
	line-height: 1.5;
}
.sc07-content h3,.sc07-content-coment{
	padding:0 14px;
}

.sc07-content-img-warap{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	margin-top: 20px;
}
.sc07-img01{
	width: 60%;
}
.sc07-img02{
	width: 50%;
}
.sc07-content-img-warap p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	margin-left: 10px;
}
.sc07-content-coment{
	background-color: #fff;
	margin-top: 20px;
}
/*リキッド*/
@media (max-width: 780px) {
	.sc07{
		padding-top: 80px;
	}
	.sc07-content-wholewrap{
		background-image: none;
		width: auto;
		max-width: none;
		margin-right: inherit;
		margin-left: inherit;
		flex-direction: column;
	}
	.sc07-content-bk{
		width:  124%;
		max-width: 1240px;
		margin-left: -12%;
	}
	.sc07-content-bk-01{
		background-image: url(../img/sc07_content_bk_top.png) ,url(../img/sc07_content_bk_bottom01.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0 8%,bottom;
	}
	.sc07-content-bk-02{
		background-image: url(../img/sc07_content_bk_top.png) ,url(../img/sc07_content_bk_bottom02.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0 8%,bottom;
	}
	.sc07-content-bk h2{
		padding: 0;
		font-size: clamp(14px,4vw,22px) ;
		font-family: 'Roboto','Noto Sans JP', sans-serif;
		font-weight: 500;
		color:var(--color-a);
		border-left:10px solid #fff ;
	}
	.sc07-content-bk h2,.sc07-content-bottomline{
		width:  80.65%;
		margin-left: auto;
		margin-right: auto;
	}
	.sc07-content{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15%;
	}
}
/*--------------------------------
sc08 受講終了証
---------------------------------*/

.sc08-content{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.sc08-content img{
	width: 40%;
}
.sc08-content p{
	width: 50%;
}
.sc08-bottom-content h3{
	text-align: center;
		font-size:  24px;
}
.sc08-img-wrap{
	width: 80%;
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
}
.sc08-bottom-content-area{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
.sc08-bottom-content-area li{
	color: var(--color-a);
	font-weight: 500;
	padding: 4px 12px;
	border-right: solid var(--color-a) 1px;
	}
	.sc08-bottom-content-area li:last-of-type{
	border-right: none;
}
/*リキッド*/
@media (max-width: 780px) {
	.sc08-bottom-content h3{
			font-size:  18px;
	}
	.sc08-bottom-content-area li{
		padding: 2px 6px;
		}
		.sc08-img-wrap{
		width: 100%;
		}
}


/*--------------------------------
sc09 講師
---------------------------------*/
.sc09{
	padding-top: 120px;
	padding-bottom: 120px;
}
.sc09-content-wholewrap{
	width: 80%;
	max-width: 780px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
.sc09-img-warap{
	width: 60%;
	max-width: 580px;
	margin-right: auto;
	margin-left: -40px;
	position: relative;
}
.sc09-img-warap img{
	width: 65%;
	display: block;
	margin-left: auto;
	margin-right: 5%;
}
.sc09-name-warap{
	position: absolute;
	bottom: 20px;
}
.sc09-name01,.sc09-name02{
	background-color: var(--color-a);
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	width: fit-content;
	padding: 5px 40px;
	line-height: 1;
}
.sc09-name02{
	margin-top: 5px;
	margin-left: 30px;
}
.sc09-coment{
	width: 40%;
	padding: 20px 40px 20px 20px;
	border: var(--color-a) solid thin;
	position: relative;
	transform: translateX(20px);
}
.sc09-coment::before{
	content: "";
	width: 20px;
	height: 100%;
	position: absolute;
	left: -20px;
	top:20px;
	border-top:var(--color-a) solid thin;
	border-left:var(--color-a) solid thin;
}
.sc09-coment::after{
	content: "";
	width: 100%;
	height: calc(100% + 40px);
	border-right:var(--color-a) solid thin;
	border-bottom:var(--color-a) solid thin;
	position: absolute;
	left: -20px;
	bottom: -20px;
}
/*リキッド*/
@media (max-width: 1000px) {
	.sc09-content-wholewrap{
		width: 100%;
		flex-direction: column;
	}
	.sc09-img-warap{
		width: 100%;
		margin-left: auto;
	}
	.sc09-coment{
		width: 80%;
		margin-top: 40px;
		margin-bottom:-40px;
		padding: 15px 35px 15px 15px;
		transform: translateX(15px);
	}
	.sc09-coment::before{
		width: 15px;
		left: -15px;
		top:15px;
	}
	.sc09-coment::after{
		height: calc(100% + 30px);
		left: -15px;
		bottom: -15px;
	}

}
@media (max-width: 780px) {
	.sc09{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

/*--------------------------------
sc10 受講コース内容ご案内
---------------------------------*/
.sc10{
	padding-top: 120px;
	padding-bottom: 120px;
}
.sc10-content{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 120px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 15px;
}
.sc10-content h2{
	border: #231815 thin solid;
	border-radius: 15px;
	padding-top: 2em;
	padding-bottom: 2em;
}
.sc10-content-box{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
	position: relative;
	top:-50px;
}
.sc10-content-box img{
	width: 50%;
}
.sc10-content-box p{
	width: 40%;
}
.sc10-content h3{
	text-align: center;
		font-size:  24px;
		line-height: 1.5;
}
.sc10-content-area{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
.sc10-content-area li{
	color: var(--color-a);
	font-weight: 500;
	padding: 4px 12px;
	border-right: solid var(--color-a) 1px;
	}
	.sc10-content-area li:last-of-type{
	border-right: none;
}
/*リキッド*/
@media (max-width: 1000px) {
	.sc10-content{
		width: 80%;
		padding: 40px;
	}
	.sc10-content-box{
		flex-direction:column;
		top:-50px;
	}
	.sc10-content-box img,.sc10-content-box p{
		width: 100%;
	}
}

/*リキッド*/
@media (max-width: 780px) {
	.sc10{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.sc10-content h2{
		padding-top: 3em;
		padding-bottom: 3em;
	}

	.sc10-content-box p{
		margin-top: 10px;
	}
	.sc10-content h3{
			font-size:  18px;
	}
	.sc10-content-area li{
		padding: 2px 6px;
		}
}

/*--------------------------------
sc11 各受講コース
---------------------------------*/

.sc11{
	padding-bottom: 120px;
}
.sc11-content-top{
	height: 320px;
}
.sc11-content-top-img{
	height: 100%;
	object-fit: cover;
}
.sc11-content-ttl{
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.sc11-content-wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 40px;
}
.sc11-content-explain{
width: 45%;
display: flex;
flex-direction: column;
}
.sc11-content-detail{
	width: 45%;
	position: relative;
}
.sc11-content-detail::after{
	content: "";
	width: 1px;
	height: 100%;
	background-color: #dddddd;
	position: absolute;
	top:0;
	left: -10%;
}
.sc11-content-course-list li{
	background: url(../img/course_list_star.png) no-repeat;
	background-size:1em;
	background-position:0 0.8em;
	font-family: 'Noto Serif JP', serif;
	padding: 10px 0 10px 1.2em ;
	border-bottom: #231815 solid thin;
	font-size: 18px;
}
.sc11-content-course-list .list-style-black{
	background: url(../img/course_list_blackstar.png) no-repeat;
	background-size:1em;
	background-position:0 0.8em;
}
.sc11-content-course-list li span{
	font-family: 'Roboto','Noto Sans JP', sans-serif;
	display: inline-block;
	font-size: 0.9em;
}
.sc11-content-course-txtbox{
	padding-top: 2em;
	padding-bottom: 2em;
}
.course-icatch{
	width: 150px;
}
.sc11-content-feature p{
	padding:0 2em;
}
.sc11-content-feature-bottom{
	position: relative;
	height: 80px;
	margin-top: auto;
}
.course-img-warap{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.course-img-warap img{
	width: 49.5%;
}
.detail_img{
	width: 220px;
	position: absolute;
	right: -80px;
	top: 0;
	z-index: 50;
}
.detail_img02{
	z-index: 80;
	top:40px;
	right: -160px;
}
.detail_img03{
	width: 320px;
	right: -170px;
	top:40px;
	z-index: 80;
}
.sc11-content-detail-box {
position: relative;
padding-left: 70px;
padding-right: 10px;
z-index: 60;
}
.detail-ttl {
	background-color: var(--color-b);
	width: 90%;
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	font-weight: 400;
	font-size: clamp(14px,4vw,22px) ;
	padding:5px 0 5px 11%;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: -70px;
}
.detail-ttl:nth-of-type(1){
	margin-top: 0;
}
.detail-ttl-short{
	letter-spacing: 0.8em;
}
.detail-ttl-middle{
	letter-spacing: 0.5em;
}
.sc11-content-detail-box dd{
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 1em;
	font-size: min(3.8vw,15px);
}
.sc11-content-detail-box .dd-block{
	display: block;
}
.detail-cv-wrap{
	display: block;
	margin-top: 14px;
}
.detail-cv-wrap-wrap{
	display: block;
	width: 100%;
}
.cv-price-wrap{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.cv-price-wrap h3{
	background-color: #231815;
	color: #fff;
	width: fit-content;
	padding: 3px;
	margin-top: 0.2em;
	margin-right: 10px;
	font-size: 15px;
}
.cv-price-wrap p{
	flex: 1;
	font-size: clamp(15px,7vw,26px) ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	line-height: 1;
}
.cv-price-wrap p .price-cap{
	font-family: 'Roboto','Noto Sans JP', sans-serif;
	font-size: 12px;
	display: inline-block;
	margin-top: 10px;
	line-height: 1.5;
}
.cv-price-wrap p .price-line{
	text-decoration: line-through;
	font-size: 0.8em;
}
.cv-price-wrap p .price{
	display: inline-block;
	margin-top: 10px;
	color: var(--color-a);
}
.cv-price-wrap p .price .arrow{
width: 14px;
position: relative;
bottom: 4px;
margin-right: 4px;
}

.sc11-cv-btn{
	max-width: 400px;
	position: relative;
	margin-top: 20px;
}
.sc11-cv-btn p{
	width: 22%;
	font-size: min(3vw,14px);
	background-color: #231815;
	color: #fff;
	padding: 3px;
	position: absolute;
	text-align: center;
	left: -12%;
	top: 50%;
	transform: translateY(-50%);
}


/*リキッド*/
@media (max-width: 1000px) {
	.sc11-content-wrap{
		flex-direction: column;
	}
	.sc11-content-explain,.sc11-content-course,.sc11-content-course-txtbox,.sc11-content-feature,.sc11-content-detail,.sc11-content-course-list,.sc11-content-feature-bottom{
		width: 100%;
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
	}
	.sc11-content-course-list{
		padding-left: 8%;
		padding-right: 8%;
	}
	.sc11-content-detail{
		margin-top: 40px;
	}
	.sc11-content-detail-box {
		padding-top: 80px;
		}
		.detail_img{
			width: 35%;
			right: 5px;
		}
		.detail_img02{
			width: 30%;
			right: -5px;
			top:-20px;
		}
		.detail_img03{
			width: 50%;
			right: 0;
			top:-20px;
		}
		.detail-ttl {
			margin-top: 40px;
		}
		.detail-ttl:nth-of-type(1){
			margin-top: 0;
		}

		.sc11-content-course-list li{
			font-size: 15px;
		}
		.course-icatch{
			width: 30%;
			margin-left: 10%;
		}
		.sc11-content-feature p{
			padding:0 5em;
		}
		.sc11-content-feature-bottom{
			margin-top: 160px;
		}
		.no-webp .sc11-content-feature-bottom{
			background: url(../img/bk_pnk.jpg) no-repeat;
			background-size:cover ;
			background-position: bottom center;
		}
		.webp .sc11-content-feature-bottom{
			background: url(../img/bk_pnk.webp) no-repeat;
			background-size:cover ;
			background-position: bottom center;
		}
		.course-img-warap{
			width: 80%;
		}
		.sc11-content-detail::after{
			content:none;
		}
		.sc11-cv-btn{
			width: 90%;
		}

}
/*リキッド*/
@media (max-width: 780px) {
	.sc11{
		padding-bottom: 80px;
	}
	.sc11-content-top{
		height: 200px;
	}

	.sc11-content-feature-bottom{
		margin-top: 120px;
	}

	.sc11-content-ttl{
		margin-top: 10px;
	}
	.sc11-content-wrap{
		margin-top: 0;
	}
	
}
/*スマホ調整*/
@media (max-width: 480px) {
	.sc11-content-detail-box {
		padding-left: 40px;
		}
}

/*--------------------------------
sc12 クーポン
---------------------------------*/
.sc12 h2{
	font-family: 'Roboto','Noto Sans JP', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size:  clamp(15px,4vw,28px);
}

	.sc12-content-coupon{
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-top: 80px;
		padding-bottom:80px;
		position: relative;
	}
	.sc12-content-coupon::after{
		content: "";
		width: 3px;
		height: 100%;
		background-color: var(--color-a);
		position: absolute;
		left: 17%;
		top:0;
		z-index: 50;
	}
	.coupon-wrap{
		width: 35%;
		position: relative;
		z-index: 80;
	}
	.coupon{
		width: 100%;
	}
	.coupon-in{
		padding-top: 100%;
		position: relative;
		border-radius: 50%;
	}
	.coupon-in p{
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size:  min(6.5vw,26px);
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		line-height: 1.8;
		text-align: center;
		color: #fff;
		text-shadow: 0 0 5px var(--color-a),0 0 5px var(--color-a),0 0 5px var(--color-a),0 0 5px var(--color-a);
		}
	.coupon-h3{
		font-size:  clamp(16px,7vw,28px);
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		line-height: 1.8;
		color: var(--color-a);
	}

	.coupon-txtbox{
		flex: 1;
		margin-left: 3em;
	}
	.coupon-txtbox p{
		margin-top: 1em;
	}

.sc12-content-bottom{
	background-color: #f4dce5;
	padding-bottom: 40px;
	position: relative;
	margin-top: 60px;
}
.sc12-content-bottom-txtbox .coupon-h3{
	font-size:  clamp(16px,6vw,28px);
	display: inline-block;
	background-color: #fff;
	padding: 0.2em 0.6em;
	border: solid 1px var(--color-a);
	position: relative;
	top:-1em;
}

/*リキッド*/
@media (max-width: 780px) {
	.sc12-content-coupon{
		flex-direction: column;
		align-items: flex-start;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.coupon-wrap{
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.coupon{
		width: 45%;
	}
	.sc12-content-coupon::after{
		left: 22%;
	}
	.coupon-h3{
margin-left: 1em;
	}
	.sc12-content-bottom{
		margin-top: 40px;
	}
	.sc12-content-bottom-txtbox .coupon-h3{
		margin-left: 0;
	}
	.coupon-txtbox p{
		padding-left: 25%;
	}
}

/*--------------------------------
footer
---------------------------------*/
.footer-content{
	padding-top: 40px;
	padding-bottom: 20px;
}
.footer-content p{
	color: #fff;

}
.footer-ttl,.footer-company,.footer-tel,.sns-ttl{
	font-family: 'Noto Serif JP', serif;
	text-shadow: 0 0 5px var(--color-a),0 0 5px var(--color-a),0 0 5px var(--color-a),0 0 5px var(--color-a);
	line-height: 1;
	text-align: center;
}
.footer-ttl{
	font-size:  clamp(14px,4vw,20px);
}
.footer-company{
	font-size:  min(7.5vw,38px);
}
.footer-tel{
	font-size:  min(5.2vw,28px);
	
}
.footer-tel span{
	font-size: 0.6em;
}
.footer-tel .t-nowrap{
	margin-left: 0.5em;
}
.sns-wrap{
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.sns-box{
	width: 25%;
}
.sns-box img{
	margin-top: 10px;
}
.footer-link-wrap{
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer-link-wrap a{
	display: block;
	width: 46%;
	text-align: center;
	border: #fff solid 2px;
	color: #fff;
	padding: 0.5em;
	border-radius: 50px;
	line-height: 1;
}