@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.global-nav .nav-facial a {
	color: #f19eb4;
}
.global-nav .nav-environ a {
  background-color: #cebe99;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.lead .txt {
	float: left;
	width: 55%;	
}
.lead .txt h3 {
	padding-left: 40px;
}
.lead .txt .environ {
	float: right;
	width: 150px;
}
.lead .img {
	float: right;
	width: 45%;
}

.course {
	overflow: hidden;
	margin-bottom: 50px;
}
.course .txt {
	width: 55%;
}
.course-tit {
	font-size: 2.2rem;
}
.course-sub {	
	color: #f19eb4;
  font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.course-sub:before {	
	content: "/";
	margin-right: 5px;
}
.course .img {
	width: 40%;
}

.course02 dl {
	display: flex;
	margin-bottom: 30px;
}
.course02 dl dt {
	width: 40%
}
.course02 dl dd {
	flex: 1;
	padding-left: 30px;
}
.course02 li p {
	margin-bottom: 0;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.course-tit {
	font-size: 2rem;
}
.course .img {
	width: 40%;
}


}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.lead .txt {
  overflow: hidden;
	float: none;
	width: 100%;	
  margin-bottom: 20px;
}
.lead .txt h3 {
	padding-left: 20px;
}
.lead .txt .environ {
	float: right;
	width: 100px;
}
.lead .img {
  display: block;
	float: none;
	width: 70%;
  margin: 0 auto;
}

.course {
	margin-bottom: 40px;
}
.course .txt {
  float: none;
	width: 100%;
  margin-bottom: 30px;
}
.course-tit {
	font-size: 2rem;
}
.course-sub {	
	font-size: 1.1rem;
}
.course .img {
  float: none;
	width: 100%;
}

.course02 ul {
  width: 100%;
}
.course02 ul li {
  float: none;
  width: 100%;
}
.course02 ul li:first-child {
  margin-bottom: 30px;
}
.course02 dl {
	margin-bottom: 20px;
}

}