@charset "utf-8";
 
/*---------------------------------------
 * PC
---------------------------------------*/ 

@media print, screen and (min-width:768px) {
	
	.page-header h2{
		width: 270px;
	}

	
	/* MainContent
	---------------------------------------*/ 
	
	#main_contents{
		width:100%;
		background:#F7F7F5;
		padding: 70px 0;
	}
	#main_contents .inner{
		width: 1080px;
		margin: 0 auto;
		padding: 70px 0;
		background: #FFFFFF;
	}
	#main_contents img{
		width:100%;
	}
	#main_contents ul.title{
		width:400px;
		margin:0 auto 80px;
		border-top:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		text-align:center;
		padding:15px 0;
	}
	#main_contents ul.title .title_1{
		font-size:25px;
		line-height:1.4em;
		letter-spacing:2px;
	}
	#main_contents ul.title .title_2{
		font-size:11px;
		line-height:1.4em;
	}
	
	#main_contents .main_area{
		width:100%;
	
		padding-bottom: 50px;
		border-bottom: 20px solid #F7F7F5;
		
	}
	#main_contents .main_area .title_box{
		text-align:center;
		margin:0 auto 40px;
	}
	#main_contents .main_area .title_box .title{
		font-size:18px;
		line-height:1.7;
		margin:0 auto 30px;
	}
	#main_contents .main_area .title_box .e-category{
		font-size: 16px;
		display: inline-block;
	}
	#main_contents .main_area .title_box .e-title{
		font-size: 18px;
		font-weight: 400;
		display: block;
	}
	#main_contents .main_area .title_box .price{
		font-size:18px;
		color:#D48C89;
		margin:0 auto 20px;
	}
	#main_contents .main_area .title_box .txt{
		line-height: 1.7;
		width: 870px;
		margin: 0 auto;
	}
	#main_contents .main_area .img_box{
		width:100%;
	}
	#main_contents .main_area .img_box li{
		width:50%;
		float:left;
	}
	
	#main_contents .main_area .info_box{
		width:100%;
		
	}
	#main_contents .main_area .info_box .left_info{
		width:50%;
		float:left;
		padding:52px 46px 0 100px;
		box-sizing:border-box;
	}
	#main_contents .main_area .info_box .right_info{
		width:50%;
		float:right;
		padding:52px 100px 0 46px;
		box-sizing:border-box;
	}
	#main_contents .main_area .info_box .title{
		font-size:16px;
		
		margin: 0 auto 15px;
	}
	#main_contents .main_area .info_box dl{
		display:table;
		line-height: 1.7;
	}
	#main_contents .main_area .info_box dt{
		display:table-cell;
		width:100px;
		font-size:13px;
		font-weight:bold;
	}
	#main_contents .main_area .info_box dd{
		display:table-cell;
		width:355px;
		font-size:14px;
	}
	#main_contents .main_area .info_box .txt{
		font-size:13px;
		line-height: 1.7;

	}
	
	#main_contents .detail_area{
		width:870px;
		margin:0 auto;
		padding:50px 0 0;
		box-sizing:border-box;
	}
	#main_contents .detail_area .title{
		font-size:16px;
		margin: 0 auto 50px;
		text-align:center;
	}
	#main_contents .detail_area dl{
		width:900px;
		display:table;
		border-top:1px solid #dcdcdc;
	}
	#main_contents .detail_area dl:last-child{
		border-bottom:1px solid #dcdcdc;
	}
	#main_contents .detail_area dt{
		width:280px;
		display:table-cell;
		border-right:1px solid #dcdcdc;
		box-sizing:border-box;
		padding:25px 30px;
		font-size:13px;
	}
	#main_contents .detail_area dd{
		width:620px;
		display:table-cell;
		padding:25px 30px;
		box-sizing:border-box;
		font-size:13px;
	}
	
	#main_contents .btn_area{
		width:940px;
		margin:40px auto 90px;
	}
	#main_contents .btn_area .btn_1{
		width:460px;
		float:left;
	}
	#main_contents .btn_area .btn_2{
		width:460px;
		float:right;
	}
	#main_contents .btn_area li a{
		display:block;
		width:100%;
		height:60px;
		line-height:60px;
		background:#91b7ae;
		color:#fff;
		font-size:16px;
		text-align:center;
	}
	
	#main_contents .plan_list .content_wrap{
		width: 100%;
		padding: 30px 0;
		background: #FFFFFF;
	}
	#main_contents .plan_list .content_wrap:nth-child(2n){
		background:#f4f6f6;
	}
	
	#main_contents .plan_box{
		width:980px;
		margin:0 auto;
		display:table;
		margin:0 auto;
	}
	#main_contents .plan_box p{
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}
	#main_contents .plan_box p .img_box{
		display: block;
	}
	#main_contents .plan_box .info_box{
		display:table-cell;
		width:50%;
		vertical-align:middle;
		padding:0 30px;
		box-sizing:border-box;
	}
	#main_contents .plan_box .info_box .title{
		font-size:17px;
		line-height:1.6em;
		border-bottom:1px solid #dcdcdc;
		padding-bottom:10px;
		margin:0 auto 15px;
	}
	#main_contents .plan_box .info_box .catch{
		font-size:13px;
		color:#91b7ae;
		font-weight:bold;
		margin:0 auto 15px;
	}
	#main_contents .plan_box .info_box .txt{
		font-size:13px;
		margin:0 auto 10px;
		padding-bottom:15px;
		border-bottom:1px solid #dcdcdc;
		line-height: 1.5;
	}
	
	#main_contents .plan_box .info_box .info{
		display:table;
		margin:0 auto 15px;
		width:100%;
	}
	#main_contents .plan_box .info_box .info dl{
		margin:0 auto 5px;
	}
	#main_contents .plan_box .info_box .info dt{
		display:table-cell;
		width:100px;
		font-size:13px;
		font-weight:bold;
		letter-spacing:2px;
	}
	#main_contents .plan_box .info_box .info dd{
		display:table-cell;
		width:375px;
		font-size:14px;
		color:#91b7ae;
	}
	#main_contents .plan_box .info_box .btn{
		width:100%;
		margin:0 auto;
	}
	
	#main_contents .btn p{
		float:left;
		width:200px;
		height:40px;
		line-height:40px;
		margin:0 auto;
	}
	#main_contents .btn p.btn_1{
		margin-right:5px;
	}
	
	#main_contents .btn p.btn_1 a{
		display:block;
		width:100%;
		background:#91b7ae;
		color:#fff;
		font-size:16px;
		text-align:center;
	}
	#main_contents .btn p.btn_2 a{
		display:block;
		width:100%;
		background:#fff;
		color:#91b7ae;
		border:1px solid #91b7ae;
		box-sizing:border-box;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif;
		font-size:16px;
		text-align:center;
	}
	
	
	
	/* BtnSection
	---------------------------------------*/
	
	.btn-section{
		width: 100%;
		background: #FFFFFF;
		padding: 50px 0;
	}
	.btn-section .inner{
		width: 1080px;
		margin: 0 auto;
		text-align: center;
	}
	.btn-section .inner a{
		display: inline-block;
		width: 247px;
		padding: 20px 0;
		margin: 0 2px;
	}
	
	
	
	/* OtherPlan
	---------------------------------------*/ 
	
	.other-plan .content_wrap{
		width: 100%;
		background: #F7F7F5;
		padding: 50px 0;
	}
	
	.other-plan .content_wrap:nth-child(2n){
		background: #FFFFFF;
	}
	
	.other-plan .plan_box{
		width:1080px;
		margin:0 auto;
		display:table;
		margin:0 auto 0px;
	}
	
	.other-plan .plan_box p{
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}
	.other-plan .plan_box p .img_box{
		display: block;
	}
	.other-plan .plan_box .info_box{
		display:table-cell;
		width:50%;
		vertical-align:middle;
		padding: 0 0 0 30px;
		box-sizing:border-box;
	}
	.other-plan .plan_box .info_box .title{
		font-size:17px;
		line-height:1.6em;
		border-bottom:1px solid #dcdcdc;
		padding-bottom:10px;
		margin:0 auto 15px;
	}
	.other-plan .plan_box .info_box .title .e-category{
		font-size: 14px;
		display: inline-block;
	}
	.other-plan .plan_box .info_box .title .e-title{
		font-size: 17px;
		font-weight: 400;
		display: block;
	}
	.other-plan .plan_box .info_box .price{
		font-size:16px;
		color:#D48C89;
		margin:0 0 15px;
	}
	.other-plan .plan_box .info_box .txt{
		font-size:13px;
		margin:0 0 10px;
		line-height: 1.8;
	}
	.other-plan .plan_box .info_box .info{
		display:table;
		margin:0 auto 20px;
		width:100%;
	}
	.other-plan .plan_box .info_box .info dl{
		margin:0 auto 5px;
		line-height: 1.7;
	}
	.other-plan .plan_box .info_box .info dt{
		display:table-cell;
		width:100px;
		font-size:13px;
		font-weight:bold;
		letter-spacing:2px;
		vertical-align: top;
	}
	.other-plan .plan_box .info_box .info dd{
		display:table-cell;
		width:375px;
		font-size:14px;	
	}
	.other-plan .plan_box .info_box .btn{
		width:100%;
		margin:0 auto;
	}
	.other-plan .plan_box .info_box .btn{
		
	}
	.other-plan .plan_box .info_box .btn a{
		width: 252px;
		margin-right: 5px;
	}
	.other-plan .plan_box .info_box .btn2 a{
		margin-right: 0
	}

.best {
	text-align: center;
	width: 800px;
    margin: 60px auto 0 auto;
}



}


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

@media only screen and (max-width: 768px) {
	
	
	.page-header h2{
		width: 223px;
	}
	

	/* MainContents
	---------------------------------------*/ 	
	
	#main_contents{
		width:100%;
		background:#F7F7F5;
		padding: 30px 0;
	}
	#main_contents img{
		width:100%;
	}
	#main_contents .main_area{
		margin:0 auto;
		padding:30px 0 40px;
		background:#FFFFFF;
		margin:0 12px 20px;
	}
	#main_contents .main_area .title_box{
		width:90%;
		margin:0 auto 20px;
	}
	#main_contents .main_area .title_box .title{
		font-size:16px;
		line-height:1.7;
		padding-bottom: 15px;
		margin:0 auto 20px;
		text-align:left;
		border-bottom: 1px solid #D8D8D2;
	}
	#main_contents .main_area .title_box .e-category{
		font-size: 14px;
		display: inline-block;
	}
	#main_contents .main_area .title_box .e-title{
		font-size: 16px;
		font-weight: 400;
		display: block;
	}
	#main_contents .main_area .title_box .price{
		font-size:15px;
		color:#D48C89;
		margin:0 auto 10px;
	}
	#main_contents .main_area .title_box .txt{
		line-height: 1.7;
		text-align: justify;
	}
	#main_contents .main_area .img_box{
		width:100%;
	}
	
	#main_contents .main_area .info_box{
		width:100%;
		padding:30px 0 0;
		line-height: 1.7;
	}
	#main_contents .main_area .info_box .left_info,
	#main_contents .main_area .info_box .right_info{
		width:90%;
		margin:0 auto;
	}
	#main_contents .main_area .info_box .left_info{
		margin:0 auto 20px;
	}
	#main_contents .main_area .info_box .title{
		font-size:14px;
		margin: 0 auto 10px;
	}
	#main_contents .main_area .info_box dl{
		display:table;
		
	}
	#main_contents .main_area .info_box dt{
		display:table-cell;
		width:60px;
	}
	#main_contents .main_area .info_box dd{
		display:table-cell;
		width:calc(100% - 35px);
	}
	#main_contents .main_area .info_box .txt{

	}
	
	#main_contents .detail_area{
	
		background:#FFFFFF;
		margin:0 12px;
		padding:30px 18px 30px;
		box-sizing:border-box;
	}
	#main_contents .detail_area .title{
		margin: 0 auto 20px;
	}
	#main_contents .detail_area dl{
		border-top:1px solid #dcdcdc;
		padding:10px 0 10px;
		margin:0 auto;
		line-height: 1.7;
	}
	#main_contents .detail_area dl:last-child{
		border-bottom:1px solid #dcdcdc;
	}
	#main_contents .detail_area dt{
		
		font-weight:bold;
	}
	#main_contents .detail_area dd{
		
	}
	
	
	
	/* BtnSection
	---------------------------------------*/
	
	.btn-section{
		width: 100%;
		background: #FFFFFF;
		
	}
	.btn-section .inner{
		padding: 21px 12px;
		
		text-align: center;
	}
	.btn-section .inner a{
		display: inline-block;
		width: 100%;
		padding: 20px 0;
		margin: 2px 0;
	}
	
	
	
	/* OtherPlan
	---------------------------------------*/ 
	
	.other-plan .content_wrap{
		width: 100%;
		background: #F7F7F5;
		padding: 30px 0;
	}
	.other-plan .content_wrap:nth-child(2n){
		background:#FFFFFF;
	}
	.other-plan .plan_box{
		padding: 0 12px;
		margin:0 auto;
	}
	.other-plan .plan_box p{
		width:100%;
	}
	.other-plan .plan_box p .img_box{
		display: block;
	}
	.other-plan .plan_box .info_box{
		
		padding:30px 0 0;
		margin:0 auto;
	}
	.other-plan .plan_box .info_box .title{
		font-size:15px;
		line-height:1.6em;
		border-bottom:1px solid #dcdcdc;
		padding-bottom:10px;
		margin:0 auto 15px;
	}
	.other-plan .plan_box .info_box .title .e-category{
		font-size: 13px;
		display: inline-block;
	}
	.other-plan .plan_box .info_box .title .e-title{
		font-size: 15px;
		font-weight: 400;
		display: block;
	}
	.other-plan .plan_box .info_box .price{
		font-size:14px;
		color:#D48C89;
		margin:0 0 15px;
	}
	.other-plan .plan_box .info_box .txt{
		margin:0 auto 10px;
		line-height: 1.8;
	}
	.other-plan .plan_box .info_box .info{
		display:table;
		margin:0 auto 10px;
		width:100%;
	}
	.other-plan .plan_box .info_box .info dl{
		margin:0 auto 5px;
		line-height: 1.7;
	}
	.other-plan .plan_box .info_box .info dt{
		display:table-cell;
		width:60px;
		font-size:11px;
		font-weight:bold;
		letter-spacing:2px;
		vertical-align: middle;
	}
	.other-plan .plan_box .info_box .info dd{
		display:table-cell;
		width:calc(100% - 35px);
		font-size:13px;
		vertical-align: middle;
	}
	.other-plan .plan_box .info_box .btn{
		width:100%;
		margin:0 auto;
	}
	.other-plan .plan_box .info_box .btn p{
		float: left;
		width: 49.5%;
	}
	.other-plan .plan_box .info_box .btn a{
		width: 100%;
	}
	.other-plan .btn p.btn1{
		margin-right:1%;
	}
.best {
	text-align: center;
	width: 80%;
    margin: 40px auto 0 auto;
}

}