@charset "utf-8";
/* CSS Document */
body{
color:#0B1F4D;
}


#Content {
	width:1000px;
/*	text-align:center;*/
	margin:0px auto;
	padding:0px 0px 10px 0px;
}



/* courseArea
--------------------------------------------------*/
	#courseArea h1 {
		margin:20px 0 10px 0;
		text-align: center;
	}

	#courseArea h2 {
		margin-bottom: 30px;
		text-align: center;
	}

	#courseArea .read {
	margin-bottom: 30px;
	width: 950px;
	margin: 0 auto;
	}

	#courseArea .read p{
		margin-bottom: 30px;
		text-align: center;
	}

	#courseArea .read{
	}

#courseArea .couse_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto 30px;
}
.couse_box a {
text-decoration: none;
}
#courseArea .couse_box a:hover{
	opacity: 0.6;
}

.couse_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
}

#courseArea .off{
	text-align: center;
	margin-bottom: 30px;
}


#courseArea .sokyu{
	text-align: center;
	margin: 30px 0 0 0;
}
#courseArea .btn{
	margin: 30px auto;
	text-align: center;
}


#courseArea .btn a{
	width: 600px;
	height: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #001557;
	background-color: #ead3e6;
	display: inline-block;
	border: solid 1px #001557;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	line-height: 55px;
}

/* seminar
--------------------------------------------------*/
#seminar201511 {
background-color: #ceb07c;
padding: 32px 0px 0px 30px;
margin-bottom: 20px;
}
#seminar201401 {
padding: 182px 0px 35px 0px;
width: 890px;
background: url(/pr/cpn/nail_201511/images/bg_seminar.gif) no-repeat left top;
}

#seminar201401 dl {
padding: 0px 0px 0px 20px;
}

#seminar201401 dt {
float: left;
width: 140px;
margin: 0px 15px 0px 0px;
}

#seminar201401 dd {
overflow: hidden;
width: 705px;
margin: 0px;
*margin: 0px 0px 9px 0px;
}

#seminar201401 ul.pb19 { padding: 0px 0px 19px 0px;}
#seminar201401 ul.pb20 { padding: 0px 0px 20px 0px;}
#seminar201401 ul.pb21 { padding: 0px 0px 21px 0px;}

#seminar201401 li {
float: left;
width: 131px;
margin: 0px 10px 10px 0px;
}


/***************************************************

common class

***************************************************/

/* text-alignt
--------------------------------------------------*/
.taL { text-align: left !important;}
.taR { text-align: right !important;}
.taC { text-align: center !important;}

/* vertical-alignt
--------------------------------------------------*/
.vaT { vertical-align: top !important;}
.vaB { vertical-align: bottom !important;}
.vaM { vertical-align: middle !important;}

/* float
--------------------------------------------------*/
.flL { float: left;}
.flR { float: right;}

.clrFix { /zoom: 1;}
.clrFix:after {
content: '';
display: block;
clear: both;
line-height: 0;
font-size: 0.1em;
}

/* font-weight
--------------------------------------------------*/
.fwB { font-weight: bold !important;}

/* margin
--------------------------------------------------*/
.mt01 { margin-top:1px !important;}
.mt02 { margin-top:2px !important;}
.mt03 { margin-top:3px !important;}
.mt04 { margin-top:4px !important;}
.mt05 { margin-top:5px !important;}
.mt06 { margin-top:6px !important;}
.mt07 { margin-top:7px !important;}
.mt08 { margin-top:8px !important;}
.mt09 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt19 { margin-top:19px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}

.mr01 { margin-right:1px !important;}
.mr02 { margin-right:2px !important;}
.mr03 { margin-right:3px !important;}
.mr04 { margin-right:4px !important;}
.mr05 { margin-right:5px !important;}
.mr06 { margin-right:6px !important;}
.mr07 { margin-right:7px !important;}
.mr08 { margin-right:8px !important;}
.mr09 { margin-right:9px !important;}
.mr10 { margin-right:10px !important;}
.mr11 { margin-right:11px !important;}
.mr12 { margin-right:12px !important;}
.mr13 { margin-right:13px !important;}
.mr14 { margin-right:14px !important;}
.mr15 { margin-right:15px !important;}
.mr16 { margin-right:16px !important;}
.mr17 { margin-right:17px !important;}
.mr18 { margin-right:18px !important;}
.mr19 { margin-right:19px !important;}
.mr20 { margin-right:20px !important;}
.mr24 { margin-right:24px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}

.mb00 { margin-bottom:0px !important;}
.mb01 { margin-bottom:1px !important;}
.mb02 { margin-bottom:2px !important;}
.mb03 { margin-bottom:3px !important;}
.mb04 { margin-bottom:4px !important;}
.mb05 { margin-bottom:5px !important;}
.mb06 { margin-bottom:6px !important;}
.mb07 { margin-bottom:7px !important;}
.mb08 { margin-bottom:8px !important;}
.mb09 { margin-bottom:9px !important;}
.mb10 { margin-bottom:10px !important;}
.mb11 { margin-bottom:11px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb14 { margin-bottom:14px !important;}
.mb15 { margin-bottom:15px !important;}
.mb16 { margin-bottom:16px !important;}
.mb17 { margin-bottom:17px !important;}
.mb18 { margin-bottom:18px !important;}
.mb19 { margin-bottom:19px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}

.ml01 { margin-left:1px !important;}
.ml02 { margin-left:2px !important;}
.ml03 { margin-left:3px !important;}
.ml04 { margin-left:4px !important;}
.ml05 { margin-left:5px !important;}
.ml06 { margin-left:6px !important;}
.ml07 { margin-left:7px !important;}
.ml08 { margin-left:8px !important;}
.ml09 { margin-left:9px !important;}
.ml10 { margin-left:10px !important;}
.ml11 { margin-left:11px !important;}
.ml12 { margin-left:12px !important;}
.ml13 { margin-left:13px !important;}
.ml14 { margin-left:14px !important;}
.ml15 { margin-left:15px !important;}
.ml16 { margin-left:16px !important;}
.ml17 { margin-left:17px !important;}
.ml18 { margin-left:18px !important;}
.ml19 { margin-left:19px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}

/* inquiryArea
--------------------------------------------------*/
.inquiryArea {
	background-image:url(../images/bg_siryouseikyu.gif);
	background-repeat:no-repeat;
	xwidth:949px;
	xheight:322px;
	padding: 20px 41px 38px 49px;
}

.inquiryArea h2 {
	float: left;
	width: 518px;
}

.inquiryArea ul {
	float: right;
	width: 315px;
	padding: 18px 0 0 0;
}

.inquiryArea ul .btn { margin: 0 0 23px 0;}

/*---20200604 今村追加ここから---*/

.fv {
/*
	background-image: url("../images/bg.jpg");
	background-size: cover;
    background-position: top center;
*/
    background: #FDF7FA;
}
.fv_inner{
	text-align: center;
	width: 1000px;
	margin: 0 auto;
}

.couse_wrap {
  width: 100%;
  margin-top: 5em;
/*  background-image: linear-gradient(90deg, rgba(97, 184, 211, 1), rgba(110, 182, 255, 1) 50%, rgba(246, 161, 194, 1));*/
}
.couse_inner{
	text-align: center;
/*
	max-width: 1280px;
	margin: 0 auto;
*/
	padding:0 0 5em 0;
}

.couse_inner p.note{
	color: #000000;
	margin-top: 1%;
}

.couse_box {
	display: flex;
	justify-content: space-between;
}

.couse_box::after{
	content:"";
	display:block;
	width: 33%;
	height:0;
}
.couse_item {
	width: 31%;
	flex-direction: row;
/*	margin: 0 auto;*/


border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #d2de32;
}
.couse_item img{
	width: 100%;
}














































.couse_item.mental {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #b8d200;
}
.couse_item.mental .item_setname {
background: #b8d200;
}


.couse_item.medical {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #45cfdd;
}
.couse_item.medical .item_setname {
background: #45cfdd;
}



.couse_item.hoiku {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #f875aa;
}
.couse_item.hoiku .item_setname {
background: #f875aa;
}



.couse_item.pet {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #ffa41b;
}
.couse_item.pet .item_setname {
background: #ffa41b;
}



.couse_item.nail {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #ff8f8f;
}
.couse_item.nail .item_setname {
background: #ff8f8f;
}






.couse_item.web {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color: #2e8a99;
}
.couse_item.web .item_setname {
background: #2e8a99;
}






.couse_item.lymph {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color:#ee5353;
}
.couse_item.lymph .item_setname {
background: #ee5353;
}



.couse_item.lifestyle {
border: 3px;
border-style: solid;
border-radius: 10px;
border-color:#39909e;
}
.couse_item.lifestyle .item_setname {
background: #39909e;
}





















#courseArea .btn a{
	position: relative;
	font-size: 1.6em;
	line-height: 2.3em;
	border-radius: 40px;
	padding: 5px 0;
	height: auto;
	letter-spacing: 0.08em;
	background-color: #fd3c69;
	color: #fff;
	border: none;
}

#courseArea .btn a::after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
}

#courseArea .btn a:hover{opacity: 0.8;}

#courseArea .read p {
	display: block;
	padding: 3% 0;
	border-bottom: 1px solid #adadad;
	font-size: 1.2em;
	font-weight: bold;
	color:#313A5B;
	line-height: 1.8em;
}

#courseArea .read p span{
	font-weight: bold;
	color: #ff3070;
	font-size: 1.2em;
}

#courseArea .couse_box{
	margin: 5% auto 4%;
}
#courseArea .couse_item{width: 48%;}
#courseArea .couse_item img{width: 100%;}

#courseArea .about_box{
	display: flex;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto 2%;
}

#courseArea .about_box .about_item{
	border-radius: 15px;
	border: 3px solid #ff3070;
	width: 48%;
	padding: 1.5% 0 1%;
	box-sizing: border-box;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
}

#courseArea .about_box .about_item a{
	color: #ff3070;
	text-decoration: underline;
}

#courseArea .about_box .about_item a:hover{text-decoration: none;}

#courseArea .about_box .about_item.kikan{
	width: 100%;
	color:#b940a6;
	font-size: 1.8em;
}

#courseArea .about_box .about_item span{
	display: block;
	font-size: 1.1em;
	border-bottom: 1px solid #b940a6;
	width: 350px;
	padding-bottom: 2%;
	margin: 0 auto 3%;
}

#courseArea .about_box .about_item span.small{
	font-size: 0.7em;
	line-height: 1.5em;
	font-weight: normal;
	border: none;
}
#courseArea .about_box .about_item span.big{
	color: #b940a6;
	font-size: 1.2em;
	border: none;
}

#courseArea .about_box .about_item.kikan span{
	font-size: 0.9em;
	color: #333;
	padding-bottom: 1%;
	margin: 0 auto 1%;
}
.sp_only{display: none;}
/*スマホここから*/
@media screen and (max-width: 767px) {
	.pc_only {display: none;}
	.sp_only {display: block;}
	.fv_inner{
		width: 100%;
		padding-top:2%;
	}
	.fv_inner h1 img{width: 100%;}

	.couse_inner{
		width: 100%;
		box-sizing: border-box;
		padding: 5% 2%;
	}
	.couse_inner p.note{
		font-size: 1em;
		line-height: 1.7em;
	}

	.couse_box {flex-direction: column;}
	.couse_item {
		width: 100%;
		margin: 2% 0;
	}

	#courseArea .about_box{
		width: 100%;
		flex-direction: column;
		margin: 0 auto;
	}
	#courseArea .about_box .about_item{
		font-size: 1.2em;
		line-height: 1.5em;
		width: 100%;
		padding: 2% 0;
	}
	#courseArea .about_box .about_item.kikan{margin-top: 0;}

	#courseArea .about_box .about_item span{
		font-size: 1.7rem;
		padding-bottom:1%;
	}
	#courseArea .about_box .about_item.kikan span{
		font-size: 1.7rem;
		margin: 0 auto 2%;
	}

	#courseArea .read p {
		padding: 2%;
		font-size: 1em;
		line-height: 1.8em;
		margin-bottom: 4%;
	}
	#courseArea img{width: 100%;}

	#Content{
		width: 100%;
		box-sizing: border-box;
		padding: 0 2%;
	}
	#courseArea .read{width: 100%;}
	#courseArea .couse_box,.couse_box{
		width:100%;
		flex-direction: column;
	}
	#courseArea .couse_item{width: 100%;}

	#courseArea .btn a {
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		line-height: 1.7em;
		padding: 2% 0;
	}
	#courseArea .btn{margin:3% auto; }
}



/* secPan */
.f-breadcrumb {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    background-color: #fff;
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.f-breadcrumb li {
    font-size: 12px;
}
.f-breadcrumb li:first-child {
    margin-right: .5em;
}
.f-breadcrumb li a {
    color: #333;
}
.f-breadcrumb li:first-child:after {
    content: "\FF1E";
    margin-left: .5em;
}
@media screen and (max-width: 767px) {
.f-breadcrumb {
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
}
}


/* secFooter */

.secFooter .secInner .upside .logo img,
.secFooter .secInner .upside .call img
{width: 100%;}


.secFooter .secInner {
  width: 100%;
  border-top: #ada8a7 1px solid;
}
.secFooter .secInner .downside {
  text-align: center;
  color: #231815;
}
.secFooter .secInner .downside ul li {
  font-size: 12px;
  line-height: 1.46;
}
.secFooter .secInner .downside ul li a {
  color: #231815;
}
.secFooter .secInner .downside .copy {
  font-size: 10px;
  line-height: 1.46;
}
@media screen and (min-width: 768px) {
.secFooter .secInner .upside {
  width: 750px;
  margin: 0 auto;
  padding-top: 22px;
  padding-bottom: 10px;
  position: relative;
}
.secFooter .secInner .upside .logo {
  width: 268px;
  margin-bottom: 16px;
}
.secFooter .secInner .upside .text {
  line-height: 1.46;
  font-size: 14px;
  color: #595757;
}
.secFooter .secInner .upside .call {
  position: absolute;
  right: 0;
  top: 24px;
  width: 226px;
}
.secFooter .secInner .upside .call a {
  display: block;
  pointer-events: none;
}
.secFooter .secInner .downside {
  padding-top: 24px;
  padding-bottom: 48px;
}
.secFooter .secInner .downside ul li {
  margin: 0 0 1em 0;
  padding: 0 1em 0 0;
  display: inline-block;
}
.secFooter .secInner .downside ul li:after {
  content: "|";
  margin-left: 1em;
}
.secFooter .secInner .downside ul li:last-child:after {
  content: none;
}
}
@media screen and (max-width: 767px) {
.secFooter {
  /*padding-bottom: 50px;*/
}
.secFooter .secInner .upside {
  width: 100%;
  margin: 0 auto;
  padding-top: calc(64/750*100%);
  padding-bottom: calc(64/750*100%);
  text-align: center;
}
.secFooter .secInner .upside .logo {
  width: calc(448/750*100%);
  margin-bottom: calc(29/750*100vw);
  display: inline-block;
}
.secFooter .secInner .upside .text {
  line-height: 1.46;
  font-size: 13px;
  color: #595757;
  margin-bottom: calc(98/750*100vw);
}
.secFooter .secInner .upside .call {
  width: calc(468/750*100%);
  display: inline-block;
}
.secFooter .secInner .upside .call a {
  display: block;
}
.secFooter .secInner .downside {
  padding-top: calc(16/750*100%);
  padding-bottom: calc(84/750*100%);
}
.secFooter .secInner .downside ul li {
  margin: 0 0 1em 0;
  padding: 0 1em 0 0;
  display: inline-block;
  font-size: 11px;
}
.secFooter .secInner .downside ul li:after {
  content: "|";
  margin-left: 1em;
}
.secFooter .secInner .downside ul li:last-child:after {
  content: none;
}
}

#courseArea .btn.thin a {
	color:#fd3c69;
	border: 2px solid #fd3c69;
	background-color: #fff;
}

#courseArea .btn.thin a::after{
	border-top: 2px solid #fd3c69;
	border-right: 2px solid #fd3c69;
}

/*---20200604 今村追加ここまで---*/

/*---20200618 今村キャンペーン追加ここから---*/

#courseArea .about_box .about_item{border: 2px solid #b940a6;}

/*
.couse_wrap{
	background-image: url(../images/top_bk.png);
	background-size: cover;
}
*/
.course_ttl{font-size: 1.6em;}

.couse_item{
	border-radius: 8px;
	opacity: 0.95;
	box-sizing: border-box;
	padding: 14px 8px 20px;
	margin-top: 2.5%;
	border: 2px #FFF solid;
	background-color: #fff;
}

.couse_item p{margin: 0;}

p.item_ttl{
text-align: left;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 3%;
    padding: 10px;

}

p.item_price{
	font-size: 1.1em;
	font-weight: bold;
	padding: 2% 0;
	line-height: 1.6em;
	color: #525252;
    text-align: left;
}
p.item_price span.slash{text-decoration: line-through;}
p.item_price span.red{
	font-size: 1.3em;
	color:#FF0000;
}
p.item_price span.small{font-size: 80%;}

p.item_price02{
	color: #ff055e;
	font-weight: bold;
	font-size: 1.7em;
	padding-bottom: 0.5em;
	letter-spacing: 0.02em;
}


.item_price_off {
background: #FF0000;
color: #FFF;
font-size: 10px;
padding: 3px 5px;
line-height: 100%;
}









/*
p.item_btn a{
	display: block;
	width: 85%;
	margin: 2% auto 0;
	font-size: 1.1em;
	font-weight:bold;
	color: #fff;
	background-color: #b140af;
	padding: 2%;
	border-radius: 25px;
	border: 2px solid #b140af;
	text-decoration: none;
	letter-spacing: 0.03em;
}

p.item_btn a:hover{
	opacity: 1;
	background-color: #fff;
	color:purple;
}
*/

.course_ttl{
	margin: 0;
/*	color: #fff;*/
	font-weight: bold;
	font-size: 3.6rem;
	letter-spacing: 0.1em;
}

.attention{
	max-width: 980px;
	margin: 4% auto;
	font-size: 1em;
	text-align: left;
	line-height: 1.7em;
	padding-top:20px;
	border-top:1px solid #ddd;
}

.l-footer__tel{
	display: flex;
	align-items: center;
	width: 39%;
	color: #000;
	margin: 0 auto;
}

.l-footer__tel-inner .tel-number span {
    font-size: 2.4rem;
    line-height: 1em;
    display: block;
}

p.tel-number{margin: 0;}

.tel_btn{
	background-color: #fff;
	padding: .5% 3%;
	}
.tel_btn span {
	padding-bottom: 1%;
	font-weight: bold;
  font-size: 3.5rem!important;
	letter-spacing: 0.04em;
}
.tel_btn span a{
	color: #b940a6;
	text-decoration: none;
}

.tel_btn span a:hover{text-decoration: underline;}

.l-footer__tel-inner {margin-left: 12px;}
.tel_btn p {
	line-height: 1.4em;
	font-size: 1.2em;
}
p.sokyu{
	padding-bottom: 1.5%;
	margin-top: 0;
}
p.sokyu img{
	text-align: center;
	width:60%;
}

.cv_box{margin: 5% 0 3%;}

.spec{margin: 4% 0 6%;}

.spec p.sur_ttl {
	margin: 0;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: 0.1em;
}

.spec p.spec_sur {
	margin: 0 auto;
    text-align: left;
    width: 70%;
}

.zaitaku{margin-top: 3%;}
.zaitaku p{
	margin: 0;
	font-size: 1.3em;
	color: #fff;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.couse_wrap{background-size: contain;}
	.couse_inner{padding: 5% 3.5%;}
	.couse_item{padding: 2% 2% 3.5%;}
	p.item_ttl{
		font-size: 2.0rem;
		padding-bottom: 2%;
	}

	p.item_price{
		font-size: 1.2em;
		font-weight: bold;
		padding: 2% 0;
		line-height: 1.6em;
	}
	p.item_price span.slash{text-decoration: line-through;}
	p.item_price span.red{font-size: 1.15em;}
	p.item_price span.small{font-size: 80%;}

	p.item_price02{
		font-size: 1.6em;
		padding: 1% 0 0;
	}

	p.item_btn a{
		width: 90%;
		margin: 2% auto 1%;
		font-size: 1.2em;
		padding: 2%;
	}
	#courseArea .about_box .about_item.kikan{font-size: 1em;}

	.l-footer__tel{width: 90%;}
	.l-footer__tel img{max-width: 53px;}

	.attention{
		font-size: 90%;
		line-height: 1.8em;
		margin: 6% auto 7%;
		padding: 5.5% 1% 0;
	}

	.spec p.sur_ttl{
		font-size: 1.3em;
		letter-spacing: 0;
	}
	.spec p.spec_sur{width: 90%;}
	.tel_btn span{font-size: 2.5rem!important;}

	.zaitaku img{max-width:400px;}
}

/*---20200618 今村キャンペーン追加ここまで---*/


.read {
font-weight: 700;
}

.read-at {
color: #F70E65;
font-weight: 700;
text-align: center;
}


.targetcourse {
max-width: 1000px;
margin: 0 auto;
}



.targetcourse h2 {
/*font-size: 3.6rem;*/
font-size: 3.0rem;
text-align: center;
margin-top: 3em;
font-weight: 700;
}





.wrap {
display: flex;
    flex-wrap: wrap;

        margin-left: -7.07%;
}



.wrap .targetcourse-inner {
    width: 42.929%;
    
        margin-top: 40px;
    margin-left: 7.07%;
}
 .targetcourse .img {
     position: relative;
    width: 100%;
 }
 

 
  .targetcourse .txt {
  font-size: 1.6rem;
  margin-top: 30px;

 
 
 }
  .targetcourse h3 {
  font-size: 2.46rem;
  line-height: 1.6;
  border-bottom: solid 3px #CCC;
  position: relative;
  }
  
  .targetcourse h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #577CCA;
  bottom: -3px;
  width: 30%;
}
 
 .targetcourse h3 .sizeM {
    font-size: 2.0rem;
}


 .targetcourse .img img {
/*
    position: absolute;
    top: 0;
    left: 0;
*/

position: relative;
    width: 100%;
    height: auto;
        z-index: 1;
        border-radius: 50px 0 50px 0;
}


 .targetcourse .img::before {
     content: "";
    width: 100%;
    height: 100%;
 position: absolute;
    top: 20px;
    left: 20px;
   border-radius: 50px 0 50px 0;
    background: linear-gradient(90deg, rgba(87, 124, 202, 0.5) 0%, rgba(248, 117, 161, 0.5) 100%);
    z-index: 0;
}



.targetcourse-btn a {
border: 2px solid #577CCA;
border-radius: 10px;
display: block;
padding: 10px;
width: 80%;
text-align: center;
color: #577CCA;
text-decoration: none;
margin: 0 auto;
position: relative;
}



.targetcourse-btn a::after {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}



.set-btn a {
background: #577CCA;
border: 2px solid #577CCA;
border-radius: 100px;
display: block;
padding: 10px;
width: 80%;
text-align: center;
color: #FFF;
text-decoration: none;
margin: 0 auto;
position: relative;
}



.set-btn a::after {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.set-btn a:hover {
    background:#577CCA;
    color: #FFF;
   transition-duration:0.3s;
}





.set-btn2 a {
background:#dc143c;
border: 2px solid #dc143c;
border-radius: 100px;
display: block;
padding: 10px;
width: 80%;
text-align: center;
color: #FFF;
text-decoration: none;
margin: 0 auto;
position: relative;
}



.set-btn2 a::after {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.set-btn2 a:hover {
    background:#df3c5d;
    color: #FFF;
   transition-duration:0.3s;
}















.read {
/*font-size: 1.8rem;*/
font-size: 2.4rem;
text-align: center;
}


.youtubebox {
width: 100%;
background: #EFEFEF;
padding: 50px 0;
text-align: center;
font-size: 2.0rem;
font-weight: bold;
}


.youtube {
width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;

  }
.youtube iframe {
  width: 100%;
  height: 100%;
}


.item_setname {
background: #577CCA;
padding: 10px;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
/*border-radius: 8px 8px 0 0;*/
}


p.item_price, p.item_price02, p.set-btn {
padding-left: 10px;
padding-right: 10px;
}


p.item_price, p.item_price02, p.set-btn2 {
padding-left: 10px;
padding-right: 10px;
}

.couse_item {
padding: 0 0 10px 0;
border: none;
}





@media screen and (max-width: 767px) {

.fv {
background: none;
}
.wrap {
    display: block;
    margin: 0 auto;

}
.wrap .targetcourse-inner {
display: block;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 1em;
}

p.item_price02{

	padding-bottom: 0.5em;

}

.targetcourse h2, .course_ttl {
    font-size: 3.0rem;

}

.targetcourse h3 .sizeM {
    font-size: 1.6rem;
}

.targetcourse h3 {
    line-height: 1.4;
    padding-bottom: 1rem;
}

.read {
     font-size: 1.8rem; 
}


.targetcourse h2, .course_ttl {
    font-size: 2.4rem;
}

.targetcourse h2 {
    margin-top: 2em;
}
.youtube {
    width: 90%;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}

.youtubebox {
font-size: 1.6rem;
}

}