@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/* 一覧 */
	.result .main_text{
		margin-right:-40px;
	}
	.result .h1_sub{
		border-bottom:#0057b8 2px dashed;
		font-size:22px;
	}
	.result .desc{
		line-height:1.8;
		font-size:16px;
	}
	.result .main_pic{
		position:relative;
		right:-100px;
	}
	.result .main_pic img{
		border-radius:20px 0 0 20px / 20px 0 0 20px;
	}
	
	.result .result_box .pickup{
		position:relative;
		width:600px;
		margin:20px auto;
	}
	.result .result_box .pickup dt{
		position:relative;
		z-index:2;
		display:inline-block;
		padding:2px 30px;
		background-color:#0057b8;
		border-radius:25px;
		font-size:14px;
	}
		.result .result_box .pickup dt::before{
			content:"";
			position:absolute;
			top:100%;
			left:50%;
			margin-left:-10px;
			border:10px solid transparent;
			border-top:#0057b8 10px solid;
		}
	.result .result_box .pickup dd{
		position:relative;
		top:-13px;
		z-index:1;
		display:block;
		width:100%;
		padding:25px 0 20px;
		background-color:#fff;
		border:#0057b8 1px solid;
		border-radius:10px;
	}
	.result .result_box .pickup dd p{
		display:inline-block;
		padding:0 40px;
		background:url(../imgs/other/pc/icon-check_1.png) no-repeat left center;
		background-size:26px;
		border-bottom:#0057b8 2px dashed;
		font-size:24px;
	}
	.result .result_box .pickup dd p span{
		font-size:30px;
	}
	
	.result .result_box .list{
		margin-bottom:40px;
	}
	.result .result_box .list .item{
		margin:10px 0;
	}
		.result .result_box .list .item:nth-child(3n-1){
			margin-left:30px;
			margin-right:30px;
		}
	
	/* 詳細 */
	.result_detail h1{
		max-width:1200px;
		width:95%;
		margin-left:auto;
		margin-right:auto;
		font-size:40px;
	}
	.result_detail .cat_date .cat_name{
		margin-left:-5vw;
		padding:5px 25px 5px 5vw;
		background-color:#0057b8;
		border-radius:0 20px 20px 0;
		font-size:16px;
	}
	.result_detail .cat_date .date{
		margin-left:10px;
		font-size:16px;
	}
	.result_detail .pic_info{
		position:relative;
		-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	}
	.result_detail .pic img{
		object-fit:cover;
		border-radius:15px;
	}
	.result_detail .info_list{
		position:relative;
		left:-70px;
		width:400px;
		margin-right:-180px;
		padding:30px 80px 30px 70px;
		background-color:#ffe44f;
		border-radius:20px 0 0 20px;
	}
	.result_detail .info_list th{
		vertical-align:middle;
		width:200px;
		padding:15px 10px 15px 60px;
		background:url(../imgs/other/pc/icon-check_1.png) no-repeat 20px center;
		background-size:26px;
		border-bottom:#ffef95 1px solid;
		text-align:left;
		font-size:16px;
	}
	.result_detail .info_list td{
		padding:15px 10px 15px 0;
		border-bottom:#ffef95 1px solid;
	}
		.result_detail .info_list tr:last-child th,
		.result_detail .info_list tr:last-child td{
			border-bottom:none;
		}
	.result_detail .description{
		line-height:1.8;
		font-size:16px;
	}
	.result_detail .before_after{
		width:1100px;
		margin-left:auto;
		margin-right:auto;
		padding:30px 0;
		background-color:#fff;
		border-radius:15px;
	}
	.result_detail .before_after .comment{
		width:100%;
		margin-bottom:25px;
		font-size:16px;
	}
	.result_detail .before{
		position:relative;
		padding-right:30px;
		border-right:#c0c6c8 1px solid;
	}
		.result_detail .before::before{
			content:"";
			position:absolute;
			top:50%;
			left:98.5%;
			margin-top:-20px;
			border:20px solid transparent;
			border-left:#0057b8 20px solid;
		}
	.result_detail .after{
		padding-left:30px;
	}
	.result_detail .before_after img{
		object-fit:cover;
		width:470px;
		height:440px;
		border-radius:15px;
	}
	.result_detail .comment{
		position:relative;
		width:1000px;
	}
	.result_detail .comment dt{
		position:relative;
		z-index:2;
		display:inline-block;
		padding:3px 40px;
		background-color:#0057b8;
		border-radius:15px;
		font-size:14px;
	}
		.result_detail .comment dt::before{
			content:"";
			position:absolute;
			top:100%;
			left:50%;
			margin-left:-10px;
			border:10px solid transparent;
			border-top:#0057b8 10px solid;
		}
	.result_detail .comment dd{
		position:relative;
		top:-13px;
		z-index:1;
		padding:30px 20px 20px;
		background-color:#ececec;
		border-radius:15px;
		font-size:15px;
	}
	.result_detail .other_service{
		display:table;
		width:1000px;
		padding:5px 0;
		border:#333 1px solid;
		border-radius:15px;
	}
	.result_detail .other_service > p,
	.result_detail .other_service > ul{
		display:table-cell;
		vertical-align:middle;
	}
	.result_detail .other_service > p{
		width:280px;
		padding:20px 0;
		border-right:#333 1px dashed;
		font-size:16px;
	}
	.result_detail .other_service > ul{
		padding:10px 50px;
	}
	.result_detail .other_service > ul li{
		display:inline-block;
		margin-top:7px;
		margin-right:30px;
	}
	.result_detail .other_service > ul li a{
		padding:8px 70px;
		border:#0057b8 1px solid;
	}
	.result_detail .other_service > ul li .none{
		background:none;
	}
	


}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	/* 一覧 */
	.result .h1_sub{
		border-bottom:#0057b8 2px dashed;
		font-size:14px;
	}
	.result .desc{
		line-height:1.8;
		font-size:13px;
	}
	.result .main_pic{
		position:relative;
		right:-5vw;
		margin-top:30px;
	}
	.result .main_pic img{
		border-radius:20px 0 0 20px / 20px 0 0 20px;
	}
	
	.case .result_num{
		width:90%;
	}
	.result .result_box .pickup{
		position:relative;
		width:100%;
		margin:20px auto;
	}
	.result .result_box .pickup dt{
		position:relative;
		z-index:2;
		display:inline-block;
		padding:4px 15px;
		background-color:#0057b8;
		border-radius:25px;
		font-size:13px;
	}
		.result .result_box .pickup dt::before{
			content:"";
			position:absolute;
			top:100%;
			left:50%;
			margin-left:-10px;
			border:10px solid transparent;
			border-top:#0057b8 10px solid;
		}
	.result .result_box .pickup dd{
		position:relative;
		top:-13px;
		z-index:1;
		display:block;
		width:100%;
		padding:25px 0 20px;
		background-color:#fff;
		border:#0057b8 1px solid;
		border-radius:10px;
	}
	.result .result_box .pickup dd p{
		display:inline-block;
		padding:0 30px;
		background:url(../imgs/other/sp/icon-check_1.png) no-repeat left center;
		background-size:20px;
		border-bottom:#0057b8 2px dashed;
		font-size:16px;
	}
	.result .result_box .pickup dd p span{
		font-size:22px;
	}
	
	.result .result_box .list{
		margin-bottom:40px;
	}
	.result .result_box .list .item{
		margin-bottom:20px;
	}
		.result .result_box .list .item:last-child{
			margin-bottom:0;
		}
	
	/* 詳細 */
	.result_detail h1{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		font-size:23px;
	}
	.result_detail .cat_date .cat_name{
		margin-left:-5vw;
		padding:5px 20px 5px 5vw;
		background-color:#0057b8;
		border-radius:0 20px 20px 0;
		font-size:13px;
	}
	.result_detail .cat_date .date{
		margin-left:5px;
		font-size:13px;
	}
	.result_detail .pic img{
		object-fit:cover;
		height:200px;
		border-radius:15px;
	}
	.result_detail .info_list{
		width:95vw;
		margin-top:20px;
		padding:10px 6vw 20px 20px;
		background-color:#ffe44f;
		border-radius:20px 0 0 20px;
	}
	.result_detail .info_list th{
		vertical-align:middle;
		width:49%;
		padding:10px 20px 10px 45px;
		background:url(../imgs/other/sp/icon-check_1.png) no-repeat 15px center;
		background-size:19px;
		border-bottom:#ffef95 1px solid;
		text-align:left;
		font-size:14px;
	}
	.result_detail .info_list td{
		vertical-align:middle;
		padding:10px 0;
		border-bottom:#ffef95 1px solid;
		font-size:14px;
	}
		.result_detail .info_list tr:last-child th,
		.result_detail .info_list tr:last-child td{
			border-bottom:none;
		}
	.result_detail .description{
		line-height:1.8;
		font-size:13px;
	}
	.result_detail .before_after{
		width:95%;
		margin-left:auto;
		margin-right:auto;
		padding:20px 15px;
		background-color:#fff;
		border-radius:15px;
	}
	.result_detail .before_after .comment{
		width:100%;
		margin-bottom:25px;
		font-size:14px;
	}
	.result_detail .before{
		position:relative;
		padding-bottom:20px;
		border-bottom:#c0c6c8 1px solid;
	}
		.result_detail .before::before{
			content:"";
			position:absolute;
			top:96%;
			left:50%;
			margin-left:-20px;
			border:20px solid transparent;
			border-top:#0057b8 20px solid;
		}
	.result_detail .after{
		padding-top:20px;
	}
	.result_detail .before_after img{
		object-fit:cover;
		height:220px;
		border-radius:15px;
	}
	.result_detail .comment{
		position:relative;
	}
	.result_detail .comment dt{
		position:relative;
		z-index:2;
		display:inline-block;
		padding:3px 40px;
		background-color:#0057b8;
		border-radius:15px;
		font-size:13px;
	}
		.result_detail .comment dt::before{
			content:"";
			position:absolute;
			top:100%;
			left:50%;
			margin-left:-10px;
			border:10px solid transparent;
			border-top:#0057b8 10px solid;
		}
	.result_detail .comment dd{
		position:relative;
		top:-13px;
		z-index:1;
		padding:30px 10px 20px;
		background-color:#ececec;
		border-radius:15px;
		font-size:13px;
	}
	.result_detail .other_service{
		padding:0 15px;
		border:#333 1px solid;
		border-radius:15px;
	}
	.result_detail .other_service > p{
		width:100%;
		padding:15px 0;
		border-bottom:#333 2px dashed;
		font-size:16px;
	}
	.result_detail .other_service > ul{
		width:100%;
		padding:15px 0;
	}
	.result_detail .other_service > ul li{
		margin-bottom:10px;
	}
		.result_detail .other_service > ul li:last-child{
			margin-bottom:0;
		}
	.result_detail .other_service > ul li a{
		display:block;
		width:100%;
		border:#0057b8 1px solid;
	}
	

}/* End SP */