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

/*背景画像固定スクロール*/
.cd-fixed-bg.cd-bg-6 {
	background-image: url(../image/index_background/6.jpg);
}
	
/*背景画像固定スクロール スマートフォン用*/
.cd-fixed-bg.cd-bg-6 {background:none} /*PC用の背景はオフ*/
.cd-fixed-bg.cd-bg-6::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(../image/index_background/6.jpg) center/cover no-repeat; /*fixedを取る*/
	-webkit-background-size:cover;/*Android4*/
}


/*カウンセリングの詳細説明画像の指定*/
.image_600{
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: center;
	margin: auto 0;
}

.image_600 img{
	width: 65%;
	max-width: 600px;
	min-width: 320px;
}

.first_image img{
	margin: 40px 0 0 0;
}

.honbun {
	width: 100%;
	margin: 0 auto;
	margin-top: -5px;
}

.caution {
	background-color: #ececec;
	padding: 20px;
	font-size: 9.5pt;
	margin-top: -25px;
	line-height: 1.5em;
}

.caution a {
	font-size: 9.5pt;
}

.honbun_title {
	margin-top: 20px;
	margin-bottom: -16px;
}

.honbun2 {
	margin-top: -10px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}


.honbun_img img{
	width: 100%;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}

.text_area {
	width: 50%;
	margin:0 auto;
}

/*----- ブレークポイント ----------------------------------------------------------------------------------------------------*/

@media (max-width: 3000px){

}

/*===== max-width: 960px ===================================================================*/
@media (max-width: 960px){
	
	.text_area {
		width: 60%;
	}
}

/*===== max-width: 768px ===================================================================*/
@media (max-width: 768px){
	.text_area {
		width: 72%;
	}
}

/*===== max-width: 667px ===================================================================*/
@media (max-width: 667px){
	
	.honbun {
		width: 100%;
	}
	
	.honbun_title {
		font-size: 13pt;
	}

	.caution {
		margin-top: -10px;
	}
		
	.honbun2 {
		width: 100%;
	}

}

/*===== max-width: 480px ===================================================================*/
@media (max-width: 480px){
	
	.honbun {
		width: 100%;
	}
	
	
	.honbun_title {
		font-size: 11pt;
	}

	.caution {
		font-size: 8.5pt;
	}
	.caution a {
		font-size: 8.5pt;
	}

	.text_area {
		width: 80%;
	}
}

/*===== max-width: 375px ===================================================================*/
@media (max-width: 375px){

	.honbun {
		width: 100%;
	}

	.caution {
		padding: 20px;
		width: 95%;
		margin-left: -13px;
	}

}




