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

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

 {
	text-align:left;
	width:950px;
	padding:0px 0px 10px 0px;
	font-family: Arial, Helvetica, 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}


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

	#courseArea h2 {
		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;
}
#courseArea .couse_box a:hover{
	opacity: 0.6;
}

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

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


#courseArea .sokyu{
	text-align: center;
	margin: 40px 0 0 0;
}
#courseArea .btn{
	margin: 10px auto 30px;
	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;
}


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

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/main_bk.jpg");
	background-size: cover;
}
.fv_inner{
	text-align: center;
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 0.5%;
}


.sp_only{display: none;}
/*スマホここから*/
@media screen and (max-width: 767px) {
	#Content {width: 100%;}
	.pc_only {display: none;}
	.sp_only {display: block;}
	.fv{background: none;}
	.fv_inner{width: 100%;}
	.fv_inner h1 img{width: 100%;}
}
/* 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;
}
}

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

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

.attention{
	max-width: 980px;
	margin: 4% auto;
	font-size: 90%;
	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: #0a79c7;
	text-decoration: none;
}

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

.l-footer__tel-inner {margin-left: 12px;}
.tel_btn p {
	line-height: 1.4em;
	font-size: 1.2em;
}

@media screen and (max-width: 767px) {
	.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;
	}
}

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

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

*:before,
*:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
  color: #53e2e4;
  margin: 10px auto 30px;
}
.filter-controls {
  text-align: center;
  margin-bottom: 30px;
}
.filter-controls .control {
  display: inline-block;
  width: 240px;
  margin: 0 10px;
}
.filter-controls .control * {
  box-sizing: border-box;
}
.filter-controls .control .form-control {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 47px;
  border: 2px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.filter-controls .control .form-control:focus {
  outline: 0;
  border-color: #0caaf5;
}
.grid {
  position: relative;
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
.item {
  position: absolute;
  width: 347px;
  height: 310px;
  margin: 1% 0.5%;
  z-index: 1;
  transition: transform 0.6s ease;
}

.item-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}
.custom-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  color: #666;
  border: 2px solid;
  border-radius: 3px;
}
.item.muuri-item-dragging {
  z-index: 3;
  transition: none;
}
.item.muuri-item-releasing {
  z-index: 2;
}

/*---コンテンツ内---*/

.custom-content{
	padding: 3% 3% 0;
	text-align: left;
	vertical-align: baseline;
}

.custom-content span{
	display: block;
}

.custom-content a{transition: all 0.5s ease;}
.custom-content a:hover p.semi_txt{text-decoration: underline;}

.custom-content p.thumb{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.custom-content p.thumb img{width: 100%;}

.custom-content p.thumb .rebel{
	position: absolute;
	top: 4%;
	left: 0;
	font-size: 90%;
	font-weight: bold;
	background-color: gray;
	padding: 1.1% 3% 0.3%;
	color:#fff;
	line-height: 1.5em;
	border-radius: 15px;
	z-index:100;
}

.custom-content p.thumb .rebel01{background-color: #a5bdf9;} /*---web---*/
.custom-content p.thumb .rebel02{background-color: #b075f4;} /*---PG---*/
.custom-content p.thumb .rebel03{background-color: #f6b562;} /*---日本語---*/
.custom-content p.thumb .rebel04{background-color: #ff9ba0;} /*---ネイル--*/
.custom-content p.thumb .rebel05{background-color: #77e78d;} /*---心理---*/
.custom-content p.thumb .rebel06{background-color: #a5bdf9;} /*---キャリコン---*/
.custom-content p.thumb .rebel07{background-color: #a4a9fa;} /*---Web/it---*/
.custom-content p.thumb .rebel08{background-color: #ffa472;} /*---チャイマイ---*/
.custom-content p.thumb .rebel09{background-color: #fc835e;} /*---CAD---*/

/*---枠の色---*/

.item.web .custom-content {
  border-color: #a5bdf9;
  color: #a5bdf9;
}
.item.pg .custom-content {
  border-color: #b075f4;
  color: #b075f4;
}
.item.psycholgy .custom-content {
  border-color: #77e78d;
  color: #77e78d;
}
.item.japanese .custom-content {
  border-color: #f6b562;
  color: #f6b562;
}
.item.nail .custom-content {
  border-color: #ff9ba0;
  color: #ff9ba0;
}
.item.psychology .custom-content {
  border-color: #77e78d;
  color: #77e78d;
}
.item.career .custom-content {
  border-color: #a5bdf9;
  color: #a5bdf9;
}
.item.webit .custom-content {
  border-color: #a4a9fa;
  color: #a4a9fa;
}
.item.cm .custom-content {
  border-color: #ffa472;
  color: #ffa472;
}
.item.cad .custom-content {
  border-color: #fc835e;
  color: #fc835e;
}
.item.make .custom-content {
  border-color: #ee69c4;
  color: #ee69c4;
}

/*---枠の色ここまで---*/


p.rebel2,p.rebel_end{
	display: inline-block;
	background-color: #ff6767;
	font-size: 90%;
	padding: 0.8% 2.3% 0.1% 2.4%;
	font-weight: bold;
	margin: 1.5% 0 1.2%;
	color:#fff;
	line-height: 1.6em;
}

p.rebel_end{
	background-color: #ddd;
	color: #999;
}

.custom-content span.date,.custom-content span.place{
	color: #8e8e8e;
	font-size: 95%;
}

.custom-content span.semi_ttl{
	font-weight: bold;
	font-size: 1.1em;
	color: #525252;
	margin-top: 1%;
}

.filter-controls .control .form-control{font-size: 100%;}


/* Icons in the selector */
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v29/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.select-arrow {
    position: absolute;
    right: 3px;
    top: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 2;
    pointer-events: none;
		color: #717171;
	}

	.control-icon,.control-icon2 {
	position: absolute;
	left: 3px;
	top: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	color: #717171;
}
.control-icon2 {top: 9px;}


.control {
    position: relative;
    z-index: 1;
}

.control span{
	font-size: 1.1em;
	color: #7f7f7f;
	letter-spacing: 0.1em;
}

.section-title {
  color: #3e3e3e;
  font-size: 26px;
  font-weight: 700;
  margin: 30px 0 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}
.section-title > span {
	letter-spacing: 0.1em;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.section-title > span:after {
	width: 300px;
  content: "";
  display: block;
  position: absolute;
  left: -37%;
  bottom: 0;
  height: 2px;
  background: #3e3e3e;
}


#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,.kouza a::after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 47%;
		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 1%;
	font-size: 1em;
	color:##3e3e3e;
	line-height: 1.8em;
}

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

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

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


@media (max-width: 877px) {
	.grid{width: 100%;}
  .item {
    width:calc(50% - 11px);
    height:calc(50vw - 11px);
  }

	.filter-controls .control{
		width: 270px;
		margin: 0 10px 2.5%;
	}

	.filter-controls .control.search_box{margin-top:1.5% }

	#courseArea .read {width: 100%;}
	#courseArea .btn {margin: 5% auto;}
	.cv_content{
		width: 95%;
		margin: 0 auto;
	}
	#courseArea .btn a {
    width: 100%;
    height: auto;
    font-size: 1.5rem;
    line-height: 1.7em;
    padding: 2% 0;
}
p.rebel2, p.rebel_end{
	line-height: 1.7em;
	padding: 0.8% 2.3% 0.8% 2.4%;
}
}
@media (max-width: 640px) {
	.filter-controls .control.search_box{margin-top:3.5% }
	.filter-controls .control{width: 90%;}
	.custom-content span.semi_ttl{margin-bottom: 2%;}
  .item {
    width:calc(95% - 10px);
    height:calc(85vw - 10px);
		margin: 0 auto 4%;
		left: 3.7%!important;
		box-sizing: border-box;
  }
}

/*---20200729 今村追加ここまで---*/
.c4-izmir{
  --text-color: #525252;
	background-color: transparent;
}
.c4-image-zoom-in.hover img, .c4-image-zoom-in:hover img, .c4-image-zoom-in:focus img, :focus > .c4-image-zoom-in img {
  transform: scale(1.1);
}

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

.topBtn{
	width: 70px;
	right: 30px;
	bottom: 25px;
	position: fixed;
	z-index: 1000;
}
.topBtn img{width: 100%;}
.topBtn .topBtn_b a {
    display: block;
    opacity: 1;
    transition: 0.4s;
}

@media screen and (max-width: 767px){
.topBtn {
    width: 57px;
    height: 57px;
		right: 10px;
		bottom: 15px;
	}
}

/*---20200915 今村TOPボタン追加ここまで---*/