@charset "utf-8";

/*===============================================
●共通
===============================================*/

/*salonList
---------------------------------------------- */
#salonList section:first-child .pdfBox li {margin-bottom: 1em;}
#salonList .startWrap .startPala:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
}

/*salonSupport
---------------------------------------------- */
#salonSupport .salonBlock {display: block;}
#salonSupport h4 {font-weight: bold;}
#salonSupport .flexBox01 {justify-content: space-between;}

/*startWrap
---------------------------------------------- */
.startWrap .salonImage p {
	line-height: 1.8em;
	margin-top: 0.5em;
}
.startWrap .pdfBox li:not(:last-child) {margin-bottom: 1em;}
.startWrap { 
	border: none;
	padding-top: 10em;
}

/*===============================================
●画面の横幅が769px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px) {
	img {width: 100%;}
	
	/*topArea
	---------------------------------------------- */
	#topArea {margin-bottom: 0;}
	
	/*salonList
	---------------------------------------------- */
	#salonList {margin-bottom: 5em;}
	#salonList section:first-of-type {margin-bottom: 4em;}
	#salonList .startWrap .startPala {max-width: 290px;}
	#salonList .startWrap .startPala:before {
		border: 7px solid transparent;
		border-top: 10px solid #EC0F85;
		margin-left: -7px;
	}
	
	/*salonSupport
	---------------------------------------------- */
	#salonSupport .flexBox01 {margin-bottom: 1.8em;}
	#salonSupport .salonBlock {margin-bottom:1em;}
	
	/*salonInfo
	---------------------------------------------- */
	#salonInfo {padding-bottom: 4em;}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px) {
	
	/*salonWrap
	---------------------------------------------- */
	#salonList {margin-bottom: 9.5em;}
	#salonList section:first-child {margin-bottom: 4.5em;}
	#salonList .startWrap .startPala {
		line-height: 1em;
		width: 400px;
	}
	#salonList .startWrap .startPala:before {
		border: 10px solid transparent;
		border-top: 15px solid #EC0F85;
		margin-left: -10px;
	}
	
	/*salonWrap
	---------------------------------------------- */
	#salonWrap p {line-height: 2.5em;}
	
	/*salonList
	---------------------------------------------- */
	#salonWrap .tit03 {margin-bottom: 1.5em;}
	
	/*salonSupport
	---------------------------------------------- */
	#salonSupport .flexBox01 {margin-bottom: 6em;}
	#salonSupport .flexBox01:last-of-type {margin-bottom: 7em;}
	#salonSupport .salonBlock {
		max-width: 644px;
		width: 61%;
		margin-right: 5%;
	}
	#salonSupport .salonImage {
		width: 34%;
		max-width: 340px;
	}
	
	/*salonInfo
	---------------------------------------------- */
	#salonInfo {padding-bottom: 7em;}
}