/*------------------------------------------------------------------------------
 * PC
------------------------------------------------------------------------------*/ 


@media screen and (min-width:860px) {
	
	
	/*---------------------------------------
	 * ヘッダー
	---------------------------------------*/ 
	
	.page-head{
		width: 100%;
		padding: 70px 0;
		text-align: center;
	}
	.page-head .sub-title{
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 200;
		color: #C9937A;
		margin-bottom: 5px;
		line-height: 1;
	}
	.page-head .title{
		font-size: 30px;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}
	
	
	/*---------------------------------------
	 * 概要
	---------------------------------------*/ 
	
	.outline{
		padding: 0 0 60px;
	}

	.outline .inner{
		width: calc(100% - 40px);
		max-width: 1000px;
		margin: 0 auto;
	}
	.outline .inner .flex-box{
		display: flex;
	}
	.outline .inner .flex-box .photo,
	.outline .inner .flex-box .text{
		width: 50%;
	}
	.outline .inner .flex-box .text{
		text-align: center;
		line-height: 1.8;
	}
	.outline .inner .flex-box .text .midashi{
		font-size: 16px;
		letter-spacing: 2px;
		margin: 0 0 20px;
	}
	.outline .inner .flex-box .text .midashi span{
		color: #BC6586;
	}
	.outline .inner .flex-box .text .btn-box-purple{
		width: 54%;
		display: block;
		padding: 15px 0;
		margin: 30px auto 0;
		background-image: none;
	}
	
	
	/*---------------------------------------
	 * 安心
	---------------------------------------*/ 
	
	.point{
		background: #EDEDED;
		padding: 70px 0 90px;
	}
	.point .inner{
		text-align: center;
	}
	.point .inner .midashi{
		font-size: 20px;
		letter-spacing: 2px;
		margin: 0 0 20px;
	}
	.point .inner p{
		line-height: 1.8;
	}
	
	
	/*---------------------------------------
	 * オンライン相談会について
	---------------------------------------*/ 
	
	.about{
		padding: 60px 0;
	}
	.about .inner{
		width: calc(100% - 40px);
		max-width: 800px;
		margin: 0 auto;
		line-height: 1.8;
	}
	.about .inner .midashi{
		font-size: 20px;
		letter-spacing: 1px;
		margin: 0 0 5px;
		text-align: center;
	}
	.about .inner .en{
		text-align: center;
		letter-spacing: 2px;
		margin: 0 0 40px;
	}
	.about .inner .list{
		display: flex;
		justify-content: space-between;
	}
	.about .inner .list li{
		width: 45%;
	}
	.about .inner .list li .komidashi{
		width: 100%;
		
		text-align: center;
		font-size: 18px;
		line-height: 1.4;
		border-bottom: 1px solid #DDDDDB;
		padding: 0 0 25px;
		margin: 0 0 20px;
		display: table;
	}
	.about .inner .list li .komidashi span{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 50px;
		
	}
	
	
	/*---------------------------------------
	 * 相談の流れ
	---------------------------------------*/ 
	
	.flow{
		background: #EDEDED;
		padding: 60px 0;
	}
	.flow .inner{
		width: calc(100% - 40px);
		max-width: 1000px;
		margin: 0 auto;
		line-height: 1.8;
	}
	.flow .inner .midashi{
		font-size: 20px;
		letter-spacing: 1px;
		margin: 0 0 5px;
		text-align: center;
	}
	.flow .inner .en{
		text-align: center;
		letter-spacing: 2px;
		margin: 0 0 40px;
	}
	.flow .inner .list{
		display: flex;
		justify-content: space-between;
	}
	.flow .inner .list li{
		width: 30%;
	}
	.flow .inner .list li .komidashi{
		width: 100%;
		text-align: center;
		font-size: 18px;
		line-height: 1.4;
		border-bottom: 1px solid #DDDDDB;
		padding: 0 0 25px;
		margin: 0 0 20px;
		
	}
	.flow .inner .list li .komidashi span{
		display: block;
		background: #FFFFFF;
		width: 75px;
		height: 75px;
		border-radius: 50%;
		line-height: 75px;
		letter-spacing: 3px;
		margin: 0 auto 20px;
	}
	.flow .inner .list li .read{
		text-align: center;
	}
	
	
	
	/*---------------------------------------
	 * 問い合わせ
	---------------------------------------*/ 
		
	.inquiry{
		padding: 80px 0 100px;
	}
	.inquiry .inner{
		text-align: center;
	}
	.inquiry figure{
		width: 564px;
		margin: 0 auto 60px;
	}
	.inquiry .btn-box-purple{
		display: block;
		font-size: 16px;
		letter-spacing: 2px;
		width: 364px;
		margin: 0 auto 20px;
		padding: 20px 0;
		background-image:none;
	}
	.inquiry .read{
		margin: 0 0 20px;
		letter-spacing: 2px;
	}
	.inquiry .tel{
		color: #BC6586;
		letter-spacing: 2px;
		font-size: 22px;
	}
	
	
}


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

	
}


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

	
}




/*------------------------------------------------------------------------------
 * SP
------------------------------------------------------------------------------*/


@media screen and (max-width:859px) {
	
	/*---------------------------------------
	 * ヘッダー
	---------------------------------------*/ 
	
	.page-head{
		width: 100%;
		padding: 20px 0;
		text-align: center;
	}
	.page-head .sub-title{
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 200;
		color: #C9937A;
		margin-bottom: 5px;
		line-height: 1;
	}
	.page-head .title{
		font-size: 20px;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}
	
	
	
	/*---------------------------------------
	 * 概要
	---------------------------------------*/ 
	
	.outline{
		padding: 10px 0 60px;
	}
	.outline .inner{
		width: 100%;
		margin: 0 auto;
	}
	.outline .inner .flex-box .photo{
		margin: 0 0 60px;
	}
	.outline .inner .flex-box .text{
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	.outline .inner .flex-box .text{
		text-align: center;
		line-height: 1.8;
	}
	.outline .inner .flex-box .text .midashi{
		font-size: 22px;
		letter-spacing: 2px;
		margin: 0 0 20px;
	}
	.outline .inner .flex-box .text .midashi span{
		color: #BC6586;
	}
	.outline .inner .flex-box .text .btn-box-purple{
		width: 80%;
		display: block;
		padding: 15px 0;
		margin: 30px auto 0;
		background-image: none;
	}
	
	
	
	/*---------------------------------------
	 * 安心
	---------------------------------------*/ 
	
	.point{
		background: #EDEDED;
		padding: 60px 0;
	}
	.point .inner{
		text-align: center;
	}
	.point .inner .midashi{
		font-size: 18px;
		margin: 0 0 20px;
	}
	.point .inner p{
		line-height: 1.8;
	}
	
	
	
	/*---------------------------------------
	 * オンライン相談会について
	---------------------------------------*/ 
	
	.about{
		padding: 60px 0 10px;
	}
	.about .inner{
		width: calc(100% - 40px);
		margin: 0 auto;
		line-height: 1.8;
	}
	.about .inner .midashi{
		font-size: 18px;
		letter-spacing: 1px;
		margin: 0 0 5px;
		text-align: center;
	}
	.about .inner .en{
		text-align: center;
		letter-spacing: 2px;
		margin: 0 0 40px;
	}
	.about .inner .list{
		
	}
	.about .inner .list li{
		width: 100%;
		margin: 0 0 50px;
	}
	.about .inner .list li .komidashi{
		width: 100%;
		text-align: center;
		font-size: 15px;
		line-height: 1.4;
		border-bottom: 1px solid #DDDDDB;
		padding: 0 0 15px;
		margin: 0 0 20px;
	
	}
	.about .inner .list li .komidashi span{
		
		
		
	}
	
	
	
	/*---------------------------------------
	 * 相談の流れ
	---------------------------------------*/ 
	
	.flow{
		background: #EDEDED;
		padding: 60px 0 10px;
	}
	.flow .inner{
		width: calc(100% - 40px);
		max-width: 1000px;
		margin: 0 auto;
		line-height: 1.8;
	}
	.flow .inner .midashi{
		font-size: 18px;
		letter-spacing: 1px;
		margin: 0 0 5px;
		text-align: center;
	}
	.flow .inner .en{
		text-align: center;
		letter-spacing: 2px;
		margin: 0 0 40px;
	}
	.flow .inner .list{
		
		
	}
	.flow .inner .list li{
		width: 100%;
		margin: 0 0 50px;
	}
	.flow .inner .list li .komidashi{
		width: 100%;
		text-align: center;
		font-size: 18px;
		line-height: 1.4;
		border-bottom: 1px solid #DDDDDB;
		padding: 0 0 25px;
		margin: 0 0 20px;
		
	}
	.flow .inner .list li .komidashi span{
		display: block;
		background: #FFFFFF;
		width: 75px;
		height: 75px;
		border-radius: 50%;
		line-height: 75px;
		letter-spacing: 3px;
		margin: 0 auto 20px;
	}
	.flow .inner .list li .read{
		text-align: center;
	}
	
	
	
	/*---------------------------------------
	 * 問い合わせ
	---------------------------------------*/ 
		
	.inquiry{
		padding: 60px 0 60px;
	}
	.inquiry .inner{
		width: calc(100% - 40px);
		text-align: center;
		margin: 0 auto;
	}
	.inquiry figure{
		width: 100%;
		margin: 0 auto 50px;
	}
	.inquiry .btn-box-purple{
		display: block;
		font-size: 15px;
		letter-spacing: 2px;
		width: 100%;
		margin: 0 auto 20px;
		padding: 20px 0;
		background-image:none;
	}
	.inquiry .read{
		margin: 0 0 20px;
		letter-spacing: 2px;
	}
	.inquiry .tel{
		width: 100%;
	    color: #BC6586;
	    display: inline-block;
	    padding: 20px 0px;
	    border: 1px solid #BC6586;
	    margin: 5px 0 0;
	    text-align: center;
	    font-size: 18px;
	    letter-spacing: 2px;
	}	
	
	

	
}