@charset "UTF-8";

/*****************************************************
　other　
*****************************************************/
/* color
------------------------------------------------- */
.c-d6705b{color:#d6705b;}
/* text-align
------------------------------------------------- */
.t-center{text-align: center;}
/* font-weight
------------------------------------------------- */
.f-bold{font-weight:bold;}
/* margin
------------------------------------------------- */
/* ----- bottom ----- */
.mb37{margin-bottom: 37px;}
.mb45{margin-bottom: 45px;}

/*****************************************************
　page-head　
*****************************************************/
.bg2_top,
.bg2_under{
	width: 100%;
}
.bg2_under_box img{
	margin:0 0 60px;
}
.page-head{
	max-width: 960px;
	width: 100%;
	margin:40px auto;
	text-align: center;
}
.page-head .ttl{
	margin:0 0 40px;
}

/*****************************************************
　page-contentarea　
*****************************************************/
.page-contentarea{
	background-color:rgba(255,255,255,0.5);
	padding:48px 0 98px;
}
.page-inner{
	max-width: 960px;
	width: 100%;
	margin:0 auto;
	color:#666;
}
.page-contentarea p{
	line-height:1.7em;
}
/* ttl1
------------------------------------------------- */
.page-contentarea .ttl1{
	font-size:27px;
	font-weight:bold;
	color: #d6705b;
	margin:0 0 20px;
}
.page-contentarea .ttl1 img{
	vertical-align: middle;
	margin:-8px 0 0;
	padding:0 12px 0 0;
}
/* brown-border
------------------------------------------------- */
#page_kotsu .brown-border{
	border-radius:14px;
	border:4px solid #ccbfa2;
	background-color: #fff;
	text-align: left;
	padding:27px 35px 35px;
}
/* brown-bg
------------------------------------------------- */
.brown-bg{
	border-radius:10px;
	background:url('../images/common/bg_brown.png') repeat left top;
	margin:40px 0 0;
	padding:30px 26px;
}
/* ----- numbox ----- */
.numbox-ttl{
	font-size:24px;
	font-weight:normal;
	color:#806134;
	padding:18px 0 18px 98px;
}
#kotsu-block1 .numbox-ttl{background:url('../images/common/num01.png') no-repeat left center;}
#kotsu-block2 .numbox-ttl{background:url('../images/common/num02.png') no-repeat left center;}
#kotsu-block3 .numbox-ttl{background:url('../images/common/num03.png') no-repeat left center;}
#kotsu-block4 .numbox-ttl{background:url('../images/common/num04.png') no-repeat left center;}
#kotsu-block5 .numbox-ttl{background:url('../images/common/num05.png') no-repeat left center;}
#kotsu-block6 .numbox-ttl{background:url('../images/common/num06.png') no-repeat left center;}
#kotsu-block7 .numbox-ttl{background:url('../images/common/num07.png') no-repeat left center;}
#kotsu-block8 .numbox-ttl{background:url('../images/common/num08.png') no-repeat left center;}
.numbox-ttl > span{
	background:url('../images/common/border_bg.png') no-repeat left bottom;
	padding:0 0 10px;
	display:block;
}
/* ----- contents ----- */
.brown-bg .contents{
	padding:0 0 0 98px;
}
/* ----- block-checklist ----- */
.block-checklist{
	list-style-type: none;
	padding: 0;
}
.block-checklist li{
	background:url('../images/common/li_icon.png') no-repeat left 2px;
	margin:0 0 6px;
	padding:0 0 0 31px;
}
/* trouble
------------------------------------------------- */
#trouble{
	position:relative;
	z-index:0;
}
/* ----- trouble-ttl ----- */
#trouble-ttl{
	background:url('../images/common/brownline.png') repeat-x left bottom;
	margin:0 0 30px;
	padding:0 0 29px;
	line-height: 0;
	text-align: left;
}
/* ----- block-checklist ----- */
#trouble .block-checklist{
	max-width: 685px;
	margin:0 0 28px;
}
#trouble .block-checklist li{
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ----- trouble-icon ----- */
#trouble-icon{
	position:absolute;
	top: 0;
	right: 45px;
	z-index:0;
}
/* ----- trouble-largeicon ----- */
#trouble-largeicon{
	position:relative;
	z-index:1;
}
/* ----- trouble-bottom ----- */
#trouble-bottom{
	margin:42px 0 0;
}
#trouble-bottom .text{
	width: 70%;
	float: left;
}
#trouble-bottom .text p + p{
	margin:24px 0 0;
}
#trouble-bottom .img{
	max-width: 218px;
	width: 25%;
	float: right;
}
/* reason
------------------------------------------------- */
#reason{
	position:relative;
	margin: 0;
	padding: 0;
}
#reason-img{
	position:absolute;
	top: -92px;
	right: 25px;
	z-index:0;
}
/* ----- kotsu-block2 ----- */
#kotsu-block2 .numbox-ttl > span{
	background-position:right bottom;
}
#kotsu-block2 .text{
	max-width: 650px;
	width: 72%;
	float: left;
}
#kotsu-block2 .img{
	float: right;
}
/* ----- kotsu-block8 ----- */
#kotsu-block8 .numbox-ttl > span{
	background-position:right bottom;
}
#kotsu-block8 .text{
	max-width: 650px;
	width: 72%;
	float: left;
}
#ekiten-banner{
	max-width: 140px;
	margin:0 50px 0 0;
	float: right;
}
#ekiten-banner a{
	font-size:inherit;
}
/* kvoice
------------------------------------------------- */
#kvoice-ttl{
	text-align: center;
	margin:0 0 45px;
}
/* ----- voice2post ----- */
.voice2post{
	border-radius:20px;
	border:4px solid #ccbfa2;
	background:url('../images/voice/voice_bg.png') repeat 0 0;
	margin:0 0 30px;
	padding:4.61%;
	color:#806134;
}
.voice2post .ttl{
	border-bottom:dotted 2px #c2a780;
	font-size:23px;
	font-weight:bold;
	line-height: 1.5em;
	margin:0 0 30px;
	padding:0 0 18px;
	color:#d4705b;
}
.voice2post .img{
	max-width: 165px;
	width: 20%;
	float: right;
	text-align: center;
	position:relative;
}
.voice2post .img img{
	vertical-align:middle;
}
.voice2post .img .proficon{
	background:url('../images/voice/womanbg.png') no-repeat center center;
	width: 64px;
	height: 65px;
	color:#fff;
	display:table;
	text-align: center;
	position:absolute;
	bottom: -24px;
	right: -5px;
}
.voice2post .img .proficon.man{
	background:url('../images/voice/manbg.png') no-repeat center center;
}
.voice2post .img .proficon span{
	display:table-cell;
	vertical-align:middle;
}
.voice2post .text-contents{
	max-width: 670px;
	width: 78%;
	float: left;
	font-size:18px;
	line-height: 1.5em;
}
.voice2post .text-contents p{
	margin:0 0 10px;
}
.none-kvoice{
	text-align: center;
	margin:0 0 100px;
}


@media screen and (max-width: 960px){
	/*****************************************************
	　page-head　
	*****************************************************/
	.page-head{
		max-width: 560px;
		margin:0 auto;
		padding:30px 0;
	}
	/* brown-border
	------------------------------------------------- */
	.brown-border-block .left,
	.brown-border-block .right{
		float: none;
	}
	.brown-border-block.type1 .left,
	.brown-border-block.type1 .right,
	.brown-border-block.type2 .left,
	.brown-border-block.type2 .right{
		max-width: none;
		width: 100%;
	}
	.brown-border-block.type3 .imgleft,
	.brown-border-block.type3 .imgright{
		max-width: none;
		width: 100%;
		text-align: center;
		float: none;
	}
	.brown-border-block.type5 .text,
	.brown-border-block.type5 .imgarea{
		max-width: none;
		width: 100%;
		float: none;
	}
	.brown-border-block.type5 .imgarea{
		margin:10px 0 0;
	}
	.brown-border-block.type5 .img{
		width: 40%;
		display:inline-block;
		vertical-align:middle;
	}
	.brown-border-block.type5 .img + .img{
		margin:0 0 0 10px;
	}

	/*****************************************************
	　page-contentarea　
	*****************************************************/
	.page-inner{
		max-width: 560px;
	}
	/* brown-bg
	------------------------------------------------- */
	.brown-bg{
		padding:14px 20px;
	}
	.brown-bg + .brown-bg{
		margin-top:15px;
	}
	/* ----- numbox ----- */
	.numbox-ttl{
		background-size: 52px 52px!important;
		-webkit-background-size:52px 52px!important;
		padding: 12px 0 12px 70px;
	}
	.numbox-ttl > span{
		background-position:right bottom;
	}
	/* ----- contents ----- */
	.brown-bg .contents{
		padding: 0;
	}
	/* reason
	------------------------------------------------- */
	/* ----- kotsu-block2 ----- */
	#kotsu-block2 .text{
		max-width: none;
		width: auto;
		float: none;
	}
	#kotsu-block2 .img{
		text-align: center;
		margin:10px 0 0;
		float: none;
	}
	/* ----- kotsu-block8 ----- */
	#kotsu-block8 .text{
		max-width: none;
		width: auto;
		float: none;
	}
	#ekiten-banner{
		max-width: none;
		margin:10px 0 0;
		float: none;
	}
	#ekiten-banner > div{
		margin:0 auto;
	}
	/* trouble
	------------------------------------------------- */
	/* ----- block-checklist ----- */
	#trouble .block-checklist{
		margin:0 0 10px;
	}
	#trouble .block-checklist li{
		width: auto;
		margin:0 0 7px;
		float: none;
	}
	#trouble .block-checklist li br{
		display:none;
	}
	/* ----- trouble-icon ----- */
	#trouble-icon{
		display:none;
	}
	/* ----- trouble-bottom ----- */
	#trouble-bottom{
		margin:30px 0 0;
	}
	#trouble-bottom .text,
	#trouble-bottom .img{
		width: 100%;
		float: left;
	}
	#trouble-bottom .text p + p{
		margin:15px 0 0;
	}
	#trouble-bottom .img{
		max-width: none;
		text-align: center;
		margin:20px 0 0;
	}
	/* reason
	------------------------------------------------- */
	#reason-img{
		display:none;
	}
}

@media screen and (max-width: 599px){
	/*****************************************************
	　page-head　
	*****************************************************/
	.page-head{
		padding:30px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* brown-border
	------------------------------------------------- */
	.brown-border{
		padding:20px 30px;
	}
	.brown-border-block .dllist dt,
	.brown-border-block .dllist dd{
		font-size:16px;
	}

	/*****************************************************
	　page-contentarea　
	*****************************************************/
	.page-inner{
		padding:0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* brown-bg
	------------------------------------------------- */
	.brown-bg{
		padding:14px;
	}
	.numbox-ttl{
		font-size:17px;
		line-height: 27px;
		padding:13px 0 13px 56px;
	}
	/* ----- numbox-causeinner ----- */
	.numbox-causeinner .causettl-smalltext{
		margin:10px 0 0;
		display:block;
	}
}


@media screen and (max-width: 480px){
	/*****************************************************
	　page-contentarea　
	*****************************************************/
	/* kvoice
	------------------------------------------------- */
	/* ----- voice2post ----- */
	.voice2post .ttl{
		font-size:20px;
	}
	.voice2post .img{
		max-width: none;
		width: 100%;
		margin:0 0 10px;
		padding:10px 0 0;
		float: none;
	}
	.voice2post .img .proficon{
		top: -25px;
		bottom: auto;
	}
	.voice2post .text-contents{
		max-width: none;
		width: 100%;
		float: none;
	}
}