@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	position: relative;
	background-image: url("../image/mainvisual/mainvisual-bg.jpg");
	background-size: cover;
	background-position: center;
	width: 100%;
	z-index: 1;
	/*padding-bottom: 150px;
	padding-top: 300px;*/
	padding-top: 350px;
	padding-bottom: 100px;
}
@media screen and (max-width: 1000px) {
	/*#mainvisual {padding-top: 200px;}*/
	#mainvisual {padding-top: 200px;padding-bottom: 50px;}
}


.icatch{margin:130px auto 100px; display: block;}

@media screen and (max-width: 1000px) {
	.icatch{width: 750px;height: auto;margin: 130px auto 130px;}
}

@media screen and (max-width: 900px) {
	.icatch{width: 700px;height: auto;margin: 110px auto 110px;}
}

@media screen and (max-width: 800px) {
	.icatch{width: 650px;height: auto;margin: 100px auto 100px;}
}

/*------------------------------------------------------------------------------------------------------------------
top point
-------------------------------------------------------------------------------------------------------------------*/

#top-content #point{
	background-image: url("../image/contents/top/point-bg.png");
	background-position: top;
	background-size: cover;
	z-index: 3;
	width: 100%;
	padding-top: 550px;
	/*min-height: 1303px;*/
	min-height: auto;
	/*margin-top: -400px;*/
	margin-top: -500px;
	position: relative;
}



@media screen and (max-width: 1000px) {
	#top-content #point{
		padding-top: 430px;
		margin-top: -400px;
/*		padding-top: 250px;
		margin-top: -400px;*/
		/*margin-top: -350px;*/
		/*min-height: 1000px;*/
	}
}

@media screen and (max-width: 800px) {
	#top-content #point{
/*		padding-top: 200px;
		margin-top: -300px;	*/	
		padding-top: 370px;
		margin-top: -350px;		
	}
}

@media screen and (max-width: 750px) {
	#top-content #point{
		
	}
}

#top-content #point .campingcar-movie{
	margin-top: -300px;
	margin-bottom: 0;
}

@media screen and (max-width: 1440px) {
	#top-content #point .campingcar-movie{
		margin-top: -250px;
	}
}

@media screen and (max-width: 1000px) {
	#top-content #point .campingcar-movie{
		margin-top: -200px;
	}
}

@media screen and (max-width: 800px) {
	#top-content #point .campingcar-movie{
		margin-top: -150px;
	}
}


#top-content #point .campingcar-movie img{max-width: 100%; height: auto;}

#top-content #point .campingcar-movie img.pc-none{display: none;}

@media screen and (max-width: 1000px) {
	#top-content #point .campingcar-movie img.pc-none{display: block;}
	#top-content #point .campingcar-movie img.sp-none{display: none;}
}


/*
#top-content #point .campingcar-anime{
-webkit-animation-name: campingcar-movement;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 5.75s;
	
  -moz-animation-name: campingcar-movement;
  -moz-animation-timing-function:ease-in-out;
  -moz-animation-direction: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 5.75s;

  animation-name: campingcar-movement;
  animation-timing-function:ease-in-out;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-duration: 5.75s;
}
@-webkit-keyframes campingcar-movement {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0.5;
  }	
  15% {
    opacity: 1.0;
  }
 85% {
    opacity: 1.0;
  }
 95% {
   opacity: 0.5;
  }		
  100% {
    opacity: 0;
  }
}
*/




#top-content #point ul{
	margin: 0;
	list-style: none;
	padding-left: 0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 100px;
}

#top-content #point ul.soudan{margin-bottom: 100px;}

@media screen and (max-width: 1000px) {
	#top-content #point ul{margin-top: 50px;}
}

@media screen and (max-width: 1000px) {
	/*#top-content #point ul.soudan{margin-bottom: 70px;}*/
}

#top-content #point ul.izon li:nth-child(2){
	margin-top: -100px;
}
#top-content #point ul.soudan li:nth-child(2){
	margin-bottom: -100px;
}




@media screen and (max-width: 1200px) {
	#top-content #point ul li{
		width: calc(33.33% - 20px);
		margin-right: 30px;
	}
	#top-content #point ul li:last-child{margin-right: 0;}
	
	#top-content #point ul li img{width: 100%;height: auto;}
}

@media screen and (max-width: 1000px) {
	#top-content #point ul li{
		width: calc(33.33% - 10px);
		margin-right: 15px;
	}
	
}


/*------------------------------------------------------------------------------------------------------------------
top about
-------------------------------------------------------------------------------------------------------------------*/

#top-content #about{
	position: relative;
	padding-top:50px;
	padding-bottom: 480px;
}

@media screen and (max-width: 750px) {
	#top-content #about{padding-bottom: 100px;}
}



#top-content #about:before{
	content: "";
	position: absolute;
	background-image: url("../image/contents/top/counseling-about-bg.png");
	background-position: center;
	width: 100%;
	height: 439px;
	bottom: 0;
}


@media screen and (max-width: 1000px) {
#top-content #about:before{
	content: "";
	position: absolute;
	background-image: url("../image/contents/top/counseling-about-tablet-bg.png");
	background-position: center;
	width: 100%;
	height: 439px;
	bottom: 0;
}	
	
}





#top-content #about .message{margin:0 auto 70px; display: block;}

@media screen and (max-width: 1000px) {
	#top-content #about .message{width: 750px;height: auto;}
}

@media screen and (max-width: 800px) {
	#top-content #about .message{width: 690px;height: auto;}
}

#top-content #about .content p{
  margin:0;
  margin-bottom: 30px;
}

#top-content #about .content p:last-child{margin-bottom: 0;}



@media screen and (max-width: 750px) {
	#top-content #about .content{font-size: 24px;}
	#top-content #about .content .sp-none{display: none;}
}





#top-content #about .animal{
	margin: 0;
	list-style: none;
	padding-left: 0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: absolute;
	bottom: -380px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

@media screen and (max-width: 1440px) {
	#top-content #about .animal{width: 100%;padding: 0 50px;}
}

@media screen and (max-width: 1200px) {
	#top-content #about .animal{padding: 0 30px;}
}


@media screen and (max-width: 1000px) {
	#top-content #about .animal{bottom: -430px;}
	
}

@media screen and (max-width: 750px) {
	#top-content #about .animal{
	position: relative;
	z-index: 5;
	padding-top: 200px;
	bottom: 0;
	}
}




#top-content #about .animal li{
	margin-right: 80px;
}

#top-content #about .animal li:last-child{margin-right: 0;}

#top-content #about .animal li:nth-child(2){
	margin-bottom: 50px;
}


@media screen and (max-width: 1440px) {
	
	#top-content #about .animal li{
		width: calc(33.33% - 33.33px);
		margin-right: 50px;
	}
	
	#top-content #about .animal li img{max-width: 100%;height: auto;}
}

@media screen and (max-width: 1000px) {
	#top-content #about .animal li{
		width: calc(33.33% - 20px);
		margin-right: 30px;
	}
	
}



/*------------------------------------------------------------------------------------------------------------------
top content
-------------------------------------------------------------------------------------------------------------------*/


#top-content #counseling-area{
	background-image: url("../image/contents/top/counseling-area-bg.jpg");
	background-position: center;
	background-size: cover;
}


#top-content #counseling-area .content{
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	width: 100%;
}

@media (max-width: 1050px) {
	#top-content #counseling-area .content{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;	
	}
}



#top-content #counseling-area .content .box{
	width: calc(50% - 25px);
	height: 100%;
	margin-right: 50px;
	background: #fff;
	border-radius: 50%;
	word-wrap: break-word;
	padding: 100px 80px;
	position: relative;
}


@media (max-width: 1250px) {
	#top-content #counseling-area .content .box{
	padding: 100px 70px;
	}
}


@media (max-width: 1200px) {
	#top-content #counseling-area .content .box{
	width: calc(50% - 15px);
	margin-right: 30px;	
	padding: 100px 50px;	
	}
}

@media (max-width: 1050px) {
	#top-content #counseling-area .content .box{
	padding: 100px 100px;	
	margin-right: 0;
	width:580px;
	margin-bottom: 50px;
	}
}

@media (max-width: 750px) {
	#top-content #counseling-area .content .box{
	padding: 100px 80px;
	width:600px;
	}
}


#top-content #counseling-area .content .box:last-child{
	margin-right: 0px;
}

@media (max-width: 1050px) {
	#top-content #counseling-area .content .box:last-child{
	margin-bottom: 0;
	}
}



#top-content #counseling-area .content .box h3{
	position: relative;
	padding-bottom: 50px;
	text-align: center;
}

#top-content #counseling-area .content .box h3:before{
	position: absolute;
	content: "";
	left: 50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);	
	bottom: 0;
	background-image: url("../image/contents/top/counseling-line.png");
	height: 24px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

#top-content #counseling-area .content .box dl{
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 25px 0 0;
}

#top-content #counseling-area .content .box dl dt{
	margin: 0;
	font-weight: normal;
	width: calc(100% - 200px);
	margin-right: 15px;
	font-size: 23px;
	font-feature-settings: "palt";
	line-height: 1.2;
	letter-spacing: -0.075em;
}

@media (max-width: 1440px) {
	#top-content #counseling-area .content .box dl dt{
	width: calc(100% - 150px);
	margin-right: 0px;	
	}
}

@media (max-width: 1100px) {
	#top-content #counseling-area .content .box dl dt{
	width: calc(100% - 130px);
	}
}


@media (max-width: 750px) {
	#top-content #counseling-area .content .box dl dt{
	width: calc(100% - 180px);
	
	}
}

@media (max-width: 750px) {
	#top-content #counseling-area .content .box dl dt{
	font-size: 27px;
	}
}

#top-content #counseling-area .content .box dl dd{
	margin: 0;
	font-weight: normal;
	width: 200px;
}

@media (max-width: 1440px) {
	#top-content #counseling-area .content .box dl dd{
	width: 150px;
	}
}

@media (max-width: 1100px) {
	#top-content #counseling-area .content .box dl dd{
	width: 130px;
	}
}



@media (max-width: 750px) {
	#top-content #counseling-area .content .box dl dd{
	width: 180px;
	}
}

#top-content #counseling-area .content .box:first-child dl dt span{display: block;}
#top-content #counseling-area .content .box:first-child dl dt span:last-child{font-size: 22px;}

@media (max-width: 750px) {
	#top-content #counseling-area .content .box:first-child dl dt span:last-child{font-size: 26px;}
}



#top-content #counseling-area .content .box:first-child dl dd img{width: 100%;height: auto;}

#top-content #counseling-area .content .box:first-child dl:first-of-type{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;	
}

#top-content #counseling-area .content .box:first-child dl:first-of-type dt{margin-left: 35px;}

@media (max-width: 1100px) {
	#top-content #counseling-area .content .box:first-child dl:first-of-type dt{margin-left: 15px;}
}


#top-content #counseling-area .content .box:first-child dl:first-of-type dd{margin-right: 0;}


#top-content #counseling-area .content .box:last-child dt{
	width: calc(100% - 170px);
}

@media (max-width: 1440px) {
	#top-content #counseling-area .content .box:last-child dt{
		width: calc(100% - 160px);
	}
}

@media (max-width: 1100px) {
	#top-content #counseling-area .content .box:last-child dt{
		width: calc(100% - 140px);
		letter-spacing: -0.085em;
	}
}

@media (max-width: 750px) {
	#top-content #counseling-area .content .box:last-child dt{
		width: calc(100% - 160px);
	}

}

#top-content #counseling-area .content .box:last-child dl dt span.attention{
	font-size: 21px;
}

@media (max-width: 750px) {
	#top-content #counseling-area .content .box:last-child dl dt span.attention{
	font-size: 24px;}
}


#top-content #counseling-area .content .box:last-child dl dd{
	width:170px;
}

@media (max-width: 1440px) {
	#top-content #counseling-area .content .box:last-child dl dd{
	width: 160px;
	}
}

@media (max-width: 1100px) {
	#top-content #counseling-area .content .box:last-child dl dd{
	width: 140px;
	}
	
	#top-content #counseling-area .content .box:last-child dl dd img{max-width: 100%;height: auto;}
}

@media (max-width: 750px) {
	#top-content #counseling-area .content .box:last-child dl dd{
	width: 160px;
	}
}


/*------------------------------------------------------------------------------------------------------------------
top content
-------------------------------------------------------------------------------------------------------------------*/

#top-content #flow{
	background-image: url("../image/contents/top/flow-bg.jpg");
	background-position: center;
	background-size: cover;
}


@media (max-width: 750px) {
	#top-content #flow h2{margin-top: 15px;}
	
}








#top-content #flow h2 span{
	position: relative;
	padding: 0 172px;
}


#top-content #flow h2 span:before{
	position: absolute;
	content:"";
	background-image: url("../image/contents/top/flow-title-left.png");
	background-size: contain;
	width: 142px;
	height: 87px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	left: 0;
	margin-top: -10px;
}


#top-content #flow h2 span:after{
	position: absolute;
	content:"";
	background-image: url("../image/contents/top/flow-title-right.png");
	background-size: contain;
	width: 142px;
	height: 87px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	right: 0;
	margin-top: -10px;
}


#top-content #flow .content{
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;	
	width: 100%;
	margin-bottom: 50px;
}

#top-content #flow .content .box{
	width: calc( 20% - 24px);
	margin-right: 30px;
	background: #fff;
	word-wrap: break-word;
	padding: 50px 15px 30px;
	position: relative;
	text-align: center;
	display: block;
	font-feature-settings: "palt";
	letter-spacing: -0.025em;
}

@media (max-width: 1200px) {
#top-content #flow .content .box{
	width: calc( 20% - 16px);
	margin-right: 20px;
	}
}
@media (max-width: 1150px) {
#top-content #flow .content .box{
	width: calc( 33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	}
}
@media (max-width: 750px) {
#top-content #flow .content .box{
	width: calc( 33.33% - 13.33px);
	margin-right: 20px;
	margin-bottom: 30px;
	}
}


#top-content #flow .content .box:nth-child(3),
#top-content #flow .content .box:nth-child(4){
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: -0.095em;
}



#top-content #flow .content .box:last-child{
	margin-right: 0px;
}

#top-content #flow .content .box img{display: block;margin: auto;}
#top-content #flow .content .box img:nth-child(1){margin-bottom: 25px;}
#top-content #flow .content .box img:nth-child(2){margin-bottom: 25px;}

#top-content #flow .content .box p.description{margin: 0;line-height: 1.2;}
#top-content #flow .content .box p.description span{display: inline-block;}

@media (max-width: 1150px) {
#top-content #flow .content .box p.description span{display:block;}
}


#top-content #flow .attention{
	margin: 0;
	padding-left: 0;
	list-style: none;
	margin-left:21px;
}



@media (max-width: 750px) {
	#top-content #flow .attention{margin-left:24px;}
	
	
}

#top-content #flow .attention li{position: relative;margin-bottom: 15px;}

#top-content #flow .attention li:last-child{margin-bottom: 0px;}

#top-content #flow .attention li:before{
	content: '※';
	margin-left:-21px;
	top: 0;
	position: absolute;
}

@media (max-width: 750px) {
	#top-content #flow .attention li:before{margin-left:-24px;}
}

#top-content #flow .attention li span{display: inline-block;}


#top-content #flow .attention li span br.pc-none{display: none;}

@media (max-width: 750px) {
	#top-content #flow .attention li span br.pc-none{display: block;}
}



/*------------------------------------------------------------------------------------------------------------------
　下層ページ
-------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------
カウンセリング
-------------------------------------------------------------------------------------------------------------------*/

/*依存症*/
#subpage .counseling{}

#subpage .counseling .addiction{
	background-image: url("../image/common/bg-green.png");
	background-size: cover;
	background-position: center;
}


#subpage .counseling .addiction .description{
	margin:0;
	margin-bottom: 30px;
}

#subpage .counseling .addiction .description:last-child{margin-bottom: 0px}


#subpage .counseling .addiction .content{
	margin-top: 50px;
	background-color: #fff;
	padding: 50px;
}

@media (max-width: 1200px) {

#subpage .counseling .addiction .content{
	padding: 50px 30px;
	}
}


#subpage .counseling .addiction .content .feature{
	list-style: none;
	margin: 0;
	margin-top: 50px;
	padding-left: 0;
	width: 100%;
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;	
}

#subpage .counseling .addiction .content .feature li{
	width: calc(50% - 25px);
	margin-bottom: 30px;
	margin-right: 50px;
	padding: 30px 25px;
	border: 1px solid #dab896;
	text-align: center;
}

@media (max-width: 1200px) {

#subpage .counseling .addiction .content .feature li{
	width: calc(50% - 15px);
	margin-right: 30px;
	}
}
@media (max-width: 940px) {

#subpage .counseling .addiction .content .feature li{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 30px;
 	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	padding-left:0;
	}
}


#subpage .counseling .addiction .content .feature li:nth-child(1){letter-spacing: -0.085em;}

#subpage .counseling .addiction .content .feature li:nth-child(2n){
	margin-right: 0px;
}

@media (max-width: 1000px) {
	#subpage .counseling .addiction .content .feature li{letter-spacing: -0.075em;}	
	#subpage .counseling .addiction .content .feature li:nth-child(1) span:nth-child(2){letter-spacing: -0.125em;}
}

#subpage .counseling .addiction .content .feature li p{margin: 0;}

@media (max-width: 940px) {

#subpage .counseling .addiction .content .feature li p{
	width: calc(100% - 300px);
	}
}

@media (max-width: 800px) {

#subpage .counseling .addiction .content .feature li p{
	width: calc(100% - 260px);
	}
}

@media (max-width: 750px) {

#subpage .counseling .addiction .content .feature li p{
	width: calc(100% - 230px);
	}
}


#subpage .counseling .addiction .content .feature li span{display: inline-block;}

#subpage .counseling .addiction .content .feature li img{
	margin:0 auto 15px;
	display: block;
	text-align: center;
	max-width: 100%;
	width: 300px;
	height: auto;
}

@media (max-width: 940px) {
	#subpage .counseling .addiction .content .feature li img{
		width: 280px;
		margin: 0;
	}
}

@media (max-width: 800px) {
	#subpage .counseling .addiction .content .feature li img{
		width: 230px;
	}
}

@media (max-width: 750px) {
	#subpage .counseling .addiction .content .feature li img{
		width: 200px;
	}
}




/*症状*/
#subpage .counseling .case{
	background-image: url("../image/common/bg-sky.png");
	background-position: center;
	background-repeat: repeat;
	background-color: #ddeffa;
	position: relative;
	padding-bottom: 578px;
}

#subpage .counseling .case::before{
	position: absolute;
	content: "";
	background-image: url("../image/common/bg-town.png");
	background-position: center;
	background-repeat: no-repeat;
	height: 590px;
	width: 100%;
	bottom: 0;
	left: 0;
}

#subpage .counseling .case .content{margin-top: 50px;}

#subpage .counseling .case .content .box{
	width: 100%;
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;		
}



#subpage .counseling .case .content .box .item{
	width: calc(33.33% - 20px);
	margin-bottom: 30px;
	padding: 15px;
	margin-right: 30px;
	background-color: #fff;
	border-radius: 50%;
	min-height: 380px;
	text-align: center;
	padding-top: 50px;
	line-height: 1.2;
}

#subpage .counseling .case .content .box .item:nth-child(3n){
	margin-right: 0px;
}

@media (max-width: 1150px) {

	#subpage .counseling .case .content .box .item{
		min-height: 300px;
		padding-top: 35px;
	}
}

@media (max-width: 1000px) {

	#subpage .counseling .case .content .box .item{
		/*width: calc(50% - 15px);*/
		width: 350px;
		min-height: 350px;
		padding-top: 70px;
	}
	

	#subpage .counseling .case .content .box .item:nth-child(3n){
		margin-right: 30px;
	}
	
	#subpage .counseling .case .content .box .item:nth-child(2n){
		margin-right: 0px;
	}
	
	
	#subpage .counseling .case .content:nth-of-type(1) .box .item:nth-child(3){
		margin-left:150px;
		margin-right: 150px;
	}
	
	#subpage .counseling .case .content:nth-of-type(1) .box .item:nth-child(4){
		margin-right: 30px;
	}
	#subpage .counseling .case .content:nth-of-type(1) .box .item:last-child{
		margin-right: 0px;
	}	
	
}


@media (max-width: 850px) {

	#subpage .counseling .case .content .box .item{
		width: calc(50% - 15px);
		padding-top: 50px;
		min-height: 330px;
	}
	
	#subpage .counseling .case .content:nth-of-type(1) .box .item:nth-child(3){
		margin-left:50px;
		margin-right: 50px;	
}	
	
}


#subpage .counseling .case .content .box .item img{
	max-width: 100%; 
	height: auto;
	width: 250px;
	margin-bottom: 15px;
}

@media (max-width: 1200px) {

	#subpage .counseling .case .content .box .item img{
		width: 200px;
	}
}
@media (max-width: 1150px) {
#subpage .counseling .case .content .box .item img{
	margin-bottom: 10px;
}
}

@media (max-width: 1150px) {
#subpage .counseling .case .content .box .item img{
	margin-bottom: 15px;
}
}






#subpage .counseling .case .content .box .item p{margin: 0;}

#subpage .counseling .case .content .box .item span{display: block;}

#subpage .counseling .case .messeage{
padding-top: 20px;
padding-bottom: 50px;	
}


/*カウンセリングスペース*/
#subpage .counseling .counselingspace{
	background-image: url("../image/common/bg-yellow.png");
	background-position: center;
	background-size: cover;
}

#subpage .counseling .counselingspace .desceiption{}

#subpage  .counselingspace .box{
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#subpage .counseling .counselingspace .box .item{
	width:calc(50% - 25px);
	margin-right: 50px;
}


@media (max-width: 1200px) {

	#subpage .counseling .counselingspace .box .item{
		width:calc(50% - 15px);
		margin-right: 30px;
	}
}

#subpage .counseling .counselingspace .box .item:last-child{margin-right: 0;}

#subpage .counseling .counselingspace .box .item img{
	margin-bottom: 15px;
	display: block;
	width: 100%;
	height: auto;
}






/*------------------------------------------------------------------------------------------------------------------
プロフィール
-------------------------------------------------------------------------------------------------------------------*/


#subpage .profile{margin-top: 15px;}

#subpage .profile .message{
/*	background-image: url("../image/common/bg-green.png");
	background-size: cover;
	background-position: center;*/
	position: relative;
}

#subpage .profile .message:before{
	background-image: url("../image/contents/profile/profile-message-bk.png");
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	content: "";
	top: 0px;
	left: 0;
	width: 100%;
	height: 900px;
}

#subpage .profile .message .content{padding-top: 150px;}

#subpage .profile .message .message-icath{
	max-width: 100%;
	height: auto;
	padding-bottom: 70px;
	display: block;
	margin: auto;
	padding-left: 85px;/*似顔絵の画像分*/
}

@media (max-width: 1000px) {
	#subpage .profile .message .message-icath{padding-left: 15px;}
}



#subpage .profile .message p{
	margin:0;
	margin-bottom: 30px;
}

#subpage .profile .message .box{
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
}

@media (max-width: 850px) {
	#subpage .profile .message .box{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
	-ms-flex-line-pack: center;
	align-content: center;	
	}	
}



#subpage .profile .message .box p{margin-bottom: 0;}

#subpage .profile .message .box .item:nth-child(1){
	width: calc(100% - 350px);
	margin-right: 50px;
}

@media (max-width: 1200px) {
	#subpage .profile .message .box .item:nth-child(1){
		width: calc(100% - 330px);
		margin-right: 30px;
	}
}
@media (max-width: 1000px) {
	#subpage .profile .message .box .item:nth-child(1){
		width: calc(100% - 280px);
	}
}

@media (max-width: 850px) {
	#subpage .profile .message .box .item:nth-child(1){
		width: 100%;
		margin-right: 0;
	}
}



#subpage .profile .message .box .item:nth-child(2){
	width: 300px;
}

@media (max-width: 1000px) {
	#subpage .profile .message .box .item:nth-child(2){
		width: 250px;
	}
}


@media (max-width: 850px) {
#subpage .profile .message .box .item:nth-child(2){
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	}
}




#subpage .profile .message .box .item:nth-child(2) img{max-width: 100%;height: auto;}

#subpage .profile .message .box:nth-of-type(2n){
	  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}

@media (max-width: 850px) {
#subpage .profile .message .box:nth-of-type(2n){
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
	}	
}


#subpage .profile .message .box:nth-of-type(2n) .item:nth-child(1){
	margin-right: 0px;
	margin-left: 50px;
}

@media (max-width: 1200px) {
	#subpage .profile .message .box:nth-of-type(2n) .item:nth-child(1){
		margin-left: 30px;
	}
}

@media (max-width: 850px) {
	#subpage .profile .message .box:nth-of-type(2n) .item:nth-child(1){
		margin-left: 0px;
	}
}

#subpage .profile .message .box br.pc-none{display: none;}

@media (max-width: 750px) {
	#subpage .profile .message .box br.pc-none{display: block;}
}

#subpage .profile .message .image-box{
	list-style: none;
	margin: 0;
	padding-left: 0;
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top:50px;
}

#subpage .profile .message .image-box li{
	width: 50%;
}

#subpage .profile .message .image-box li img{max-width: 100%;height: auto;}

/*プロフィール経歴*/
#subpage .profile .career{
background-image: url("../image/common/bg-yellow.png");
background-position: center;
background-size: cover;	
}

#subpage .profile .career .content{
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px;
}

@media (max-width: 800px) {
	#subpage .profile .career .content{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-bottom: 70px;
	}
}


#subpage .profile .career .content:last-of-type{margin-bottom: 0;}

#subpage .profile .career .content .box{
	width: calc(100% - 400px);
	margin-right: 50px;
}

@media (max-width: 1000px) {
	#subpage .profile .career .content .box{
		width: calc(100% - 330px);
		margin-right: 30px;
	}
}

@media (max-width: 800px) {
		#subpage .profile .career .content .box{
			width:100%;
		margin-right: 0px;
	}
}


#subpage .profile .career .content .box:last-child{
	margin-right: 0px;
	width: 350px;
}



@media (max-width: 1000px) {

#subpage .profile .career .content .box:last-child{
		width: 300px;
	}
}

@media (max-width: 800px) {
#subpage .profile .career .content .box:last-child{
		margin-bottom: 30px;
	}
}


#subpage .profile .career .content:nth-of-type(1) .box:last-child{
	min-height: 350px;
/*	border-radius: 50%;
	background-color: #f9f9f9;*/
}

@media (max-width: 1000px) {
	#subpage .profile .career .content:nth-of-type(1) .box:last-child{
		min-height: 300px;
	}
}

#subpage .profile .career .content .box:last-child img{max-width: 100%;height: auto;}

#subpage .profile .career .content .box table{
	width: 100%;
	display: table;
}

#subpage .profile .career .content .box table th,
#subpage .profile .career .content .box table td{
	padding: 25px;
}

@media (max-width: 1000px) {
	#subpage .profile .career .content .box table th,
	#subpage .profile .career .content .box table td{
		padding: 20px 15px;
	}	
}
	
#subpage .profile .career .content .box table th{
	width: 180px;
	border-bottom: 2px solid #d0d0d0;
	font-weight: normal;	
}

@media (max-width: 1000px) {
	#subpage .profile .career .content .box table th{
		width: 120px;
	}
}

@media (max-width: 850px) {
	#subpage .profile .career .content .box table th{
		width: 100px;
	}
}
@media (max-width: 800px) {
	#subpage .profile .career .content .box table th{
		width: 180px;
	}
}

#subpage .profile .career .content .box table td{
	
	width: calc(100% - 280px);
	border-bottom: 2px solid #63a3ff;	
}

@media (max-width: 1000px) {
#subpage .profile .career .content .box table td{
		width: calc(100% - 120px);
	}
}


@media (max-width: 850px) {
#subpage .profile .career .content .box table td{
		width: calc(100% - 100px);
	}
}
@media (max-width: 800px) {
#subpage .profile .career .content .box table td{
		width: calc(100% - 180px);
	}
}

#subpage .profile .career .content .box p{margin: 0;margin-bottom: 15px;}

#subpage .profile .career .content .box p span{display: inline-block;}

#subpage .profile .career .content .box h4{margin-top: 0;margin-bottom: 30px;}

#subpage .profile .career .content .box h4:not(:first-of-type){margin-top: 30px;}

/*------------------------------------------------------------------------------------------------------------------
　料金
-------------------------------------------------------------------------------------------------------------------*/
/*コース*/





#subpage .price{}

#subpage .price .course{
	background-image: url("../image/common/bg-green.png");
	background-size: cover;
	background-position: center;		
}

#subpage .price .course .content{
	width: 100%;
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;		
}	


#subpage .price .course .content .box{
	background-image: url("../image/contents/price/price-bg.png");
	/*background-size: contain;
	background-position: center;*/
	background-size:cover;
	background-position: left;
	background-repeat: repeat;
	background-color: #fff;
	position: relative;
	padding: 50px 50px;
	text-align: center;
	width: calc(50% - 25px);
	margin-right: 50px;	
	margin-bottom: 70px;
}

@media (max-width: 1200px) {
	#subpage .price .course .content .box{
	width: calc(50% - 15px);
	margin-right: 30px;	
	padding: 50px 30px;	
	}
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box{
	width: 100%;
	margin-right: 0px;
	}
}


#subpage .price .course .content .box:nth-child(1){
	width: 100%;
}



#subpage .price .course .content .box:nth-child(2n+1){
	margin-right: 0;
}

#subpage .price .course .content .box:before{
	position: absolute;
	content: "";
	background-image: url("../image/contents/price/price-left.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 150px;
	left: -25px;
	bottom: -25px;
}

#subpage .price .course .content .box:after{
	position: absolute;
	content: "";
	background-image: url("../image/contents/price/price-right.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
	height: 150px;
	right: -25px;
	top: -25px;
}


#subpage .price .course .content .box h3 span{display: inline-block;}
#subpage .price .course .content .box h3 span:first-child{
	letter-spacing: -0.025em;
}

#subpage .price .course .content .box:nth-child(2) h3 span:first-child{
	letter-spacing: -0.075em;
}



#subpage .price .course .content .box h3 span.total-count{
	color: #89c29d;
	font-size: 36px;
	display: block;
}

@media screen and (max-width: 750px) {
	#subpage .price .course .content .box h3 span:last-child{font-size: 38px;}
}


#subpage .price .course .content .box table{
	width: 100%;
	display: table;
}

#subpage .price .course .content .box table th,
#subpage .price .course .content .box table td{
	padding: 20px 10px;
	width: 100%;
}

/*
#subpage .price .course .content .box table tr:nth-child(2) th,
#subpage .price .course .content .box table tr:nth-child(2) td{
	padding-top: 0;
}*/
	
#subpage .price .course .content .box table th{
	width: 250px;
	border-bottom: 2px solid #d0d0d0;
	font-weight: normal;
	text-align: left;
	letter-spacing: -0.075em;
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box table th{
		width: 450px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box table th{
		width: 350px;
	}
}

#subpage .price .course .content .box table th span{display: inline-block;}


#subpage .price .course .content .box:nth-child(1) table th{
	width: 450px;
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(1) table th{
		width: 450px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(1) table th{
		width: 350px;
	}
}




#subpage .price .course .content .box:nth-child(4) table th{
	width: 200px;	
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(4) table th{
		width: 450px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(4) table th{
		width: 250px;
	}
}


#subpage .price .course .content .box:nth-child(5) table th{
	width: 120px;	
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(5) table th{
		width: 250px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(5) table th{
		width: 150px;
	}
}


#subpage .price .course .content .box table td{
	width: calc(100% - 250px);
	border-bottom: 2px solid #63a3ff;	
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box table td{
		width: calc(100% - 450px);
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box table td{
		width: calc(100% - 350px);
	}
}


#subpage .price .course .content .box:nth-child(1) table td{
	width: calc(100% - 450px);
	border-bottom: 2px solid #63a3ff;	
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(1) table td{
		width: calc(100% - 450px);
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(1) table td{
		width: calc(100% - 350px);
	}
}


#subpage .price .course .content .box:nth-child(4) table td{
	width: calc(100% - 200px);
}

@media (max-width: 1200px) {
	#subpage .price .course .content .box:nth-child(4) table td{
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(4) table td{
		width: calc(100% - 450px);
	}
}
@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(4) table td{
		width: calc(100% - 250px);
	}
}


#subpage .price .course .content .box:nth-child(5) table td{
	width: calc(100% - 120px);
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -0.075em
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(5) table td{
		width: calc(100% - 250px);
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(5) table td{
		width: calc(100% - 150px);
	}
}


#subpage .price .course .content .box:nth-child(1) table td span{display: inline-block;}




#subpage .price .course .content .box p{margin: 0;margin-bottom: 15px;}
#subpage .price .course .content .box .course-price{margin-top: 30px;}

#subpage .price .course .content .box .course-price{
    position: relative;
    background-color: #89c29d;
    padding: 15px;
	width: 100%;
    text-align: center;
	color: #fff;
}
#subpage .price .course .content .box .course-price::before {
    content: "";
    position: absolute;
    border: solid 12px transparent;
    border-top: solid 12px #89c29d;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#subpage .price .course .content .box .total-price{
	font-size:28px;
	font-weight: 500;
	background-color: #fff;
	padding:15px;
	margin-top: -15px;
	border: 1px solid #89c29d;
}

@media (max-width: 750px) {
#subpage .price .course .content .box .total-price{
		font-size:30px;
	}
}


#subpage .price .course .content .box .total-price span{display: inline-block;}


#subpage .price .course .content .box .total-price .tax span{
	font-size:21px;
	letter-spacing: -0.025em;
}

@media (max-width: 750px) {
#subpage .price .course .content .box .total-price .tax span{
		font-size:23px;
	}
}

#subpage .price .course .content .box .total-price .cost{font-size:22px;display: block;}

@media (max-width: 1100px) {
	#subpage .price .course .content .box .total-price .cost{display:inline-block;}	
}


@media (max-width: 750px) {
	#subpage .price .course .content .box .total-price .cost{font-size:24px;}
}


#subpage .price .course .content .box .total-price .counseling-time{font-size:22px;display: inline-block;}

@media (max-width: 1100px) {
	#subpage .price .course .content .box .total-price .counseling-time{display:inline-block;margin-right: 15px;}	
}


@media (max-width: 750px) {
	#subpage .price .course .content .box .total-price .counseling-time{font-size:26px;letter-spacing: -0.075em;margin-right: 0;}
}



#subpage .price .course .content .box:nth-child(4) h4,
#subpage .price .course .content .box:nth-child(5) h4{margin-bottom: 30px;}

#subpage .price .course .content .box:nth-child(4) table td span,
#subpage .price .course .content .box:nth-child(5) table td span{
	display: inline-block;
}

#subpage .price .course .content .box:nth-child(5) .description{margin-top: 30px;}

#subpage .price .course .content .box:nth-child(5) .description span{display: inline-block;}


@media (max-width: 750px) {

	#subpage .price .course .content .box:nth-child(5) .description span:nth-child(1){display: block;}
}

#subpage .price .course .attention{
	margin: 0;
	padding-left: 0;
	list-style: none;
	margin-left:23px;
	letter-spacing: -0.025em;	
}

@media (max-width: 1440px) {
	#subpage .price .course .attention{
	letter-spacing: -0.005em;
}
}

@media (max-width: 1200px) {
	#subpage .price .course .attention{
	letter-spacing: -0.025em;
}
	
}

@media (max-width: 750px) {
	#subpage .price .course .attention{margin-left:23px;font-size:25px;}	
}

#subpage .price .course .attention li{position: relative;margin-bottom: 15px;}

#subpage .price .course .attention li:last-child{margin-bottom: 0px;}

#subpage .price .course .attention li:before{
	content: '※';
	margin-left:-21px;
	top: 0;
	position: absolute;
}

@media (max-width: 750px) {
	#subpage .price .course .attention li:before{margin-left:-25px;}
}

#subpage .price .course .attention li span{display: inline-block;}

#subpage .price .course .attention .pc-none{display: none;}	
@media (max-width: 750px) {
#subpage .price .course .attention .pc-none{display: block;}	
}















/*
#subpage .price .course .content{
	width: 100%;
  	display:-webkit-box;
  	display:-ms-flexbox;	
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;		
}	


#subpage .price .course .content .box{
	background-image: url("../image/contents/price/price-bg.png");
	background-size: contain;
	background-position: center;
	background-repeat: repeat;
	background-color: #fff;
	position: relative;
	padding: 50px 50px;
	text-align: center;
	width: calc(50% - 25px);
	margin-right: 50px;	
	margin-bottom: 70px;
}

@media (max-width: 1200px) {
	#subpage .price .course .content .box{
	width: calc(50% - 15px);
	margin-right: 30px;	
	padding: 50px 30px;	
	}
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box{
	width: 100%;
	margin-right: 0px;
	}
}


#subpage .price .course .content .box:nth-child(2n){
	margin-right: 0;
}

#subpage .price .course .content .box:before{
	position: absolute;
	content: "";
	background-image: url("../image/contents/price/price-left.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 150px;
	left: -25px;
	bottom: -25px;
}

#subpage .price .course .content .box:after{
	position: absolute;
	content: "";
	background-image: url("../image/contents/price/price-right.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
	height: 150px;
	right: -25px;
	top: -25px;
}


#subpage .price .course .content .box h3 span{display: inline-block;}
#subpage .price .course .content .box h3 span:first-child{
	letter-spacing: -0.025em;
}

#subpage .price .course .content .box:nth-child(1) h3 span:first-child{
	letter-spacing: -0.075em;
}



#subpage .price .course .content .box h3 span.total-count{
	color: #89c29d;
	font-size: 36px;
	display: block;
}

@media screen and (max-width: 750px) {
	#subpage .price .course .content .box h3 span:last-child{font-size: 38px;}
}


#subpage .price .course .content .box table{
	width: 100%;
	display: table;
}

#subpage .price .course .content .box table th,
#subpage .price .course .content .box table td{
	padding: 20px 10px;
	width: 100%;
}


#subpage .price .course .content .box table tr:nth-child(1) th,
#subpage .price .course .content .box table tr:nth-child(1) td{
	padding-top: 0;
}
	
#subpage .price .course .content .box table th{
	width: 250px;
	border-bottom: 2px solid #d0d0d0;
	font-weight: normal;
	text-align: left;
	letter-spacing: -0.075em;
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box table th{
		width: 450px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box table th{
		width: 400px;
	}
}

#subpage .price .course .content .box table th span{display: inline-block;}


#subpage .price .course .content .box:nth-child(3) table th{
	width: 200px;	
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(3) table th{
		width: 450px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(3) table th{
		width: 250px;
	}
}


#subpage .price .course .content .box:nth-child(4) table th{
	width: 120px;	
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(4) table th{
		width: 250px;
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(4) table th{
		width: 150px;
	}
}


#subpage .price .course .content .box table td{
	width: calc(100% - 250px);
	border-bottom: 2px solid #63a3ff;	
}


@media (max-width: 1100px) {
	#subpage .price .course .content .box table td{
		width: calc(100% - 450px);
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box table td{
		width: calc(100% - 400px);
	}
}


#subpage .price .course .content .box:nth-child(3) table td{
	width: calc(100% - 200px);
}

@media (max-width: 1200px) {
	#subpage .price .course .content .box:nth-child(3) table td{
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(3) table td{
		width: calc(100% - 450px);
	}
}
@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(3) table td{
		width: calc(100% - 250px);
	}
}


#subpage .price .course .content .box:nth-child(4) table td{
	width: calc(100% - 120px);
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -0.075em
}

@media (max-width: 1100px) {
	#subpage .price .course .content .box:nth-child(4) table td{
		width: calc(100% - 250px);
	}
}

@media (max-width: 900px) {
	#subpage .price .course .content .box:nth-child(4) table td{
		width: calc(100% - 150px);
	}
}


#subpage .price .course .content .box p{margin: 0;margin-bottom: 15px;}
#subpage .price .course .content .box .course-price{margin-top: 30px;}

#subpage .price .course .content .box .course-price{
    position: relative;
    background-color: #89c29d;
    padding: 15px;
	width: 100%;
    text-align: center;
	color: #fff;
}
#subpage .price .course .content .box .course-price::before {
    content: "";
    position: absolute;
    border: solid 12px transparent;
    border-top: solid 12px #89c29d;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#subpage .price .course .content .box .total-price{
	font-size:28px;
	font-weight: 500;
	background-color: #fff;
	padding:15px;
	margin-top: -15px;
	border: 1px solid #89c29d;
}

@media (max-width: 750px) {
#subpage .price .course .content .box .total-price{
		font-size:30px;
	}
}


#subpage .price .course .content .box .total-price span{display: inline-block;}


#subpage .price .course .content .box .total-price .tax span{
	font-size:21px;
	letter-spacing: -0.025em;
}

@media (max-width: 750px) {
#subpage .price .course .content .box .total-price .tax span{
		font-size:23px;
	}
}



#subpage .price .course .content .box .total-price .cost{font-size:22px;display: block;}

@media (max-width: 1100px) {
	#subpage .price .course .content .box .total-price .cost{display:inline-block;}	
}


@media (max-width: 750px) {
	#subpage .price .course .content .box .total-price .cost{font-size:24px;}
}



#subpage .price .course .content .box:nth-child(3) h4,
#subpage .price .course .content .box:nth-child(4) h4{margin-bottom: 30px;}

#subpage .price .course .content .box:nth-child(3) table td span,
#subpage .price .course .content .box:nth-child(4) table td span{
	display: inline-block;
}

#subpage .price .course .content .box:nth-child(4) .description{margin-top: 30px;}

#subpage .price .course .content .box:nth-child(4) .description span{display: inline-block;}


@media (max-width: 750px) {

	#subpage .price .course .content .box:nth-child(4) .description span:nth-child(1){display: block;}
}

#subpage .price .course .attention{
	margin: 0;
	padding-left: 0;
	list-style: none;
	margin-left:23px;
	letter-spacing: -0.025em;	
}

@media (max-width: 1440px) {
	#subpage .price .course .attention{
	letter-spacing: -0.005em;
}
}

@media (max-width: 1200px) {
	#subpage .price .course .attention{
	letter-spacing: -0.025em;
}
	
}

@media (max-width: 750px) {
	#subpage .price .course .attention{margin-left:23px;font-size:25px;}	
}

#subpage .price .course .attention li{position: relative;}

#subpage .price .course .attention li:before{
	content: '※';
	margin-left:-21px;
	top: 0;
	position: absolute;
}

@media (max-width: 750px) {
	#subpage .price .course .attention li:before{margin-left:-25px;}
}

#subpage .price .course .attention li span{display: inline-block;}

#subpage .price .course .attention .pc-none{display: none;}	
@media (max-width: 750px) {
#subpage .price .course .attention .pc-none{display: block;}	
}

*/



/*カウンセリング同意書*/


#subpage .price .case{
background-image: url("../image/common/bg-yellow.png");
background-position: center;
background-size: cover;
}

#subpage .price .case .content{
	padding: 50px;
	background-color: #fff;
}

@media (max-width: 1200px) {

	#subpage .price .case .content{
		padding: 50px 30px;
	}
}


#subpage .price .case .content .more-btn{margin-top: 30px;}

#subpage .price .case .content h5{
	background-color:#89c29d;
	padding: 15px;
	color: #fff;
}

#subpage .price .case .content ol{letter-spacing: -0.035em;}
#subpage .price .case .content ol li{margin-bottom: 15px;}
#subpage .price .case .content ol li > ol {margin-top: 15px;padding-left: 25px;letter-spacing: -0.075em;}
#subpage .price .case .content ol li > ol li{list-style-type: lower-roman;}

#subpage .price .case .content span:last-of-type{text-align: right;display: block;}







/*------------------------------------------------------------------------------------------------------------------
　プライバシーポリシー
-------------------------------------------------------------------------------------------------------------------*/

#subpage .privacy{}

#subpage .privacy section{
	background-image: url("../image/common/bg-green.png");
	background-size: cover;
	background-position: center;		
}

#subpage .privacy h5{
	background-color: #89c29d;
	padding: 15px;
	color: #fff;
}

#subpage .privacy ul{
	margin:0;
	padding-left: 35px;	
    text-indent: -35px;
	list-style: none;
}

@media (max-width: 750px) {
#subpage .privacy ul{
	padding-left: 50px;	
    text-indent: -50px;
	list-style: none;
}	
	
}

#subpage .privacy ul li{padding-bottom: 10px;}

#subpage .privacy ul li:last-child{padding-bottom: 0;}

#subpage .privacy ul li::before{
  position: relative;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 100%;
  background: #ffe236;
  margin-right: 15px;
}

@media (max-width: 750px) {
	#subpage .privacy ul li::before{
	  width: 24px;
	  height: 24px;
	  margin-right: 15px;
	}
}








/*------------------------------------------------------------------------------------------------------------------
　お問い合わせ
-------------------------------------------------------------------------------------------------------------------*/
#mailform {
	background-image: url("../image/common/bg-green.png");
	background-size: cover;
	background-position: center;	
}

#mailform .content.tel-attention{
	background-image: url("../image/contents/contact/tel-bg.png");
	background-size: cover;
	background-position: center;
	padding: 50px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position: relative;
}

#mailform .content.tel-attention:before{
	background-image: url("../image/contents/contact/tel-left.png");
	background-size: contain;
	background-position: center;
	width: 180px;
	height: 201px;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: -15px;
	top: -15px;
}

#mailform .content.tel-attention:after{
	background-image: url("../image/contents/contact/tel-right.png");
	background-size: contain;
	background-position: center;
	width: 180px;
	height: 176px;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	right: -15px;
	bottom: -15px;
}

#mailform .content.tel-attention .box{text-align: center;}

#mailform .content.tel-attention .box span{display: inline-block;}

#mailform .content.tel-attention .box span.time,
#mailform .content.tel-attention .box span.day{font-weight: bold;/*background-color: #63a3ff;*/}

#mailform .content.tel-attention .box span.time{margin-right: 15px;font-size: 24px;}
#mailform .content.tel-attention .box span.day{/*letter-spacing: -0.075em;*/color: #f56e4e;}




#mailform .content.tel-attention .box .tel a{
font-size: 30px;
font-weight: 500;
color: #330000;
padding: 30px 60px;
display: block;
}	
#mailform .content.tel-attention .box .tel a span{position: relative;padding-left: 50px;}
#mailform .content.tel-attention .box .tel a span:before{
	position: absolute;
	content: "";
	background-image: url("../image/common/menu/tel-icon.png");
	width:36px;
	height: 56px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#mailform .content .attention {text-align: center;}
#mailform .content .attention span{display: inline-block;}

#mailform .content .more-btn{margin-top: 50px;}

#mailform-layout {padding-top: 50px;}

#mailform-layout .item {
    margin-bottom: 0px!important;
    border-bottom: 1px dashed #dab896!important;
	padding-bottom: 0px!important;
}


@media screen and (max-width: 750px) {
	#mailform-layout .item {
		border-bottom: none!important;
	}	
}

#mailform-layout .item .name{
	width: 250px;
	border: none;
	background-color: transparent;
	padding: 15px 15px;
/*    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	*/
}


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

	#mailform-layout .item .name{
		width: 200px;
	}	

}

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

	#mailform-layout .item .name{
		width: 100%;
		position: relative;
		background-color: #f5e8d0;
		margin-bottom: 15px;
	}	
	
	#mailform-layout .item .name br{display: none;}
	
}


#mailform-layout .item .answer{
	width: calc(100% - 300px);
	margin-left: 300px;
	border: none;
	background-color: transparent;
	padding: 15px 15px;
}

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

	#mailform-layout .item .answer{
		width: calc(100% - 230px);
		margin-left: 230px;
	}	

}


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

	#mailform-layout .item .answer{
		width: 100%;
		margin-left: 0px;
		position: relative;
		margin-bottom: 15px;
		padding: 15px 0;
	}
}


select{
position: relative;
width: 100%;
padding: 10px 10px;
background: #fff;
border: 1px solid #cccccc;	
border-radius: 5px;	
}

#mailform-layout input[type=text].calendar{
	width: 300px;
	margin-right: 40px;
	display: inline-block;
}

@media screen and (max-width:1000px) {
#mailform-layout input[type=text].calendar{
	margin-right: 30px;
}
}

@media screen and (max-width:900px) {
	#mailform-layout input[type=text].calendar{
		display: block;
		margin-bottom: 25px;
	}
}

@media screen and (max-width:750px) {
	#mailform-layout input[type=text].calendar{
		display: inline-block;
		margin-bottom: 0px;
	}
}

.flatpickr-current-month .numInputWrapper{width: 70px!important;}
.flatpickr-current-month input.cur-year{padding-right: 15px!important;}

#mailform-layout .schedule{display: block;margin-bottom: 15px;}



#mailform-layout .schedule .time{
	position: relative;
	width:100px;
	display: inline-block;
	margin-right: 25px;
}

@media screen and (max-width:1000px) {
#mailform-layout .schedule .time{
	margin-right: 15px;
}

}

#mailform-layout .schedule .time:last-child{margin-right: 0;}

#mailform-layout .schedule input[type=text].schedule-other{width:505px;margin-left: 15px;}

@media screen and (max-width:1000px) {
#mailform-layout .schedule input[type=text].schedule-other{width:495px;}
}

@media screen and (max-width:900px) {
#mailform-layout .schedule input[type=text].schedule-other{width: calc(100% - 70px);}
}

@media screen and (max-width:750px) {
#mailform-layout .schedule input[type=text].schedule-other{width: calc(100% - 81px);}
}


#mailform-layout .required{
    background-color: #f56e4e;
    color: #fff;
    border: none;
	border-radius: 0;
    top: 15px;	
}


@media screen and (max-width: 1000px) {
	#mailform-layout .required{
		top: 18px;	
	}	
}

@media screen and (max-width: 750px) {
	#mailform-layout .required{
		left: 230px;
		font-size: 18px;
	}	
}


input[type=radio]+label:before{border: 2px solid #009994;}

input[type=radio]{
  position: absolute;
  opacity: 0;
  z-index: -1; 
display: block;	
}


input[type=radio]:hover+label:before {
	border-color:#0d7f89;
	background-color:#0d7f89;
}

input[type=radio]:checked+label:before {
	border-color:#009994;
	background-color:#009994;
}

input[type=text] {
/*	border: 1px solid #009994;*/
	border-radius: 5px;
	width: 100%;
}

/* input - tel */

input[type=tel] {
/*	border: 1px solid #009994;*/
	border-radius: 5px;
	width: 100%;
}

/* input - email */

input[type=email] {
/*	border: 1px solid #009994;*/
	border-radius: 5px;
}

#mailform-layout textarea{
/*	border: 1px solid #009994;*/
	border-radius: 5px;
}


#mailform-layout .postcode input:nth-of-type(1) {
	width: 80px;
}
#mailform-layout .postcode input:nth-of-type(2) {
	width: 100px;
}

@media screen and (max-width:750px) {
	#mailform-layout .postcode input:nth-of-type(1) {
		width: 90px;
	}
	#mailform-layout .postcode input:nth-of-type(2) {
		width: 110px;
	}	
}


#mailform-layout input[type=text].addr21{
	width: 480px;
	margin-left: 40px;

}

@media screen and (max-width:1150px) {
	#mailform-layout input[type=text].addr21{
		width: calc(100% - 250px);
		margin-left: 20px;
	}

}

@media screen and (max-width:1000px) {
	#mailform-layout input[type=text].addr21{
		width: 100%;
		margin-left: 0px;
		display: block;
		margin-bottom: 30px;
	}

}

.submit-button{margin-top: 50px;}

.submit-button button{
	background-color: #009994;
	color: #fff;
	border: 1px solid #009994;
	border-radius: 50px;
	padding: 20px 100px 20px 80px;
}

.submit-button button:hover {
	background-color: #99ccff;
	color: #fff;
	border: 1px solid #99ccff;
}

.submit-button button:after {
    border-top: 2px solid #009994;
    border-right: 2px solid #009994;
	width: 13.5px;
	height: 13.5px;
    right: 33px;
}

.submit-button button::before{
	background: #fff;width: 35px;height: 35px;margin-top: -2px;}

.submit-button button:hover:before {
   	background: #fff;
	right: 2px;
}

.submit-button button:hover:after{
    border-top: 2px solid #99ccff;
    border-right: 2px solid #99ccff;
	  right: 33px;
}


.submit-button button.pageback {
	background-image: none;
	background-color: #fff;
    color: #99ccff;
    border: 1px solid #99ccff;
	text-indent: -15px!important;
	padding-right: 60px!important;
}
.submit-button button.pageback span{text-indent:-10px;}


.submit-button button.pageback:before {
    background: #99ccff;
	left: 33px;
  	width: 35px;
	height: 35px;
	/*! margin-top: -2px; */
}	


.submit-button button.pageback:after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	left: 30px;
	width: 13.5px;
	height: 13.5px;
    top: calc(50% + -8px);
    margin-top: -2px;
}

.submit-button button.pageback:hover{
	color:#fff;
    background-color: #99ccff;
    border: 1px solid #99ccff;
}
	
.submit-button button.pageback:hover:after{
    border-top: 2px solid #99ccff;
    border-right: 2px solid #99ccff;
	left: 30px;
}
.submit-button button.pageback:hover:before {
    background: #fff;
	left: 33px;
}	

.mailform-alart span{display: inline-block;}
.sentok span{display: inline-block;}
.mailform-setup-alart span{display: inline-block;}

.sentok-description span{display: inline-block;}