@charset "UTF-8";

/*
	Theme Name: Default
	Author: NO BREAK SPACE
	Author URI: http://www.and-nbsp.com/
	Version: 1.0.1
	License: GNU General Public License

*/

/* Cyber Intelligence 追加CSS（2025-06-25）kami */

/* ------------------- 汎用スタイル ------------------- */

.f_wrap {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width: 376px){
/* 376pxより大きい幅の場合に適応される */
  .br_pc::after,
  .brpc::after {
    content:'\A';
    white-space:pre;
  }
}

@media screen and (max-width: 375px){
/* 375pxまでの幅の場合に適応される */
  .br_sp::after,
  .brsp::after {
    content:'\A';
    white-space:pre;
  }
}

/* ------------------- PC・スマホ共通 ------------------- */

/* 買取可能物件 */
.p-available__list {
    grid-template-columns: repeat(5, 1fr);
}
.p-available__card .p-available__card-text {
	font-size: 23px;
}

/* 売却の流れ */
.p-available__card {
    aspect-ratio: auto;
    height: 100%;
    min-height: 95px;
}

/* 会社概要 */
.p-president__ttl {
    font-size: 28px;
	line-height: 1.6em;
	margin-bottom: 0.6em;
}
.p-president__text {
	margin-bottom: 1.8em;
}
#message .company_profile {
	background: #fff;
	padding: 1.5vw 2vw 2vw;
	border-radius: 12px;
	font-weight: 500;
	border: 2px solid #3b8be2;
	filter: drop-shadow(5px 5px 0 #3b8be2);
}
#message .company_profile .name {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 10px;
	align-items: center;
}
#message .company_profile .name .img {
	margin-right: 20px;
}
#message .company_profile .name img {
	width: 100px;
}
#message .company_profile .name .f_wrap {
	align-items: center;
	margin-bottom: 5px;
}
#message .company_profile .name .ttl {
	font-size: 22px;
	font-weight: bold;
	margin-right: 15px;
}
#message .company_profile .name .url a {
    background: #f5dc00;
    border-radius: 50px;
    padding: 1px 10px;
    font-size: 14px;
}
#message .company_profile .detail .f_wrap:not(:last-child) {
	margin-bottom: 10px;
}
#message .company_profile .detail p {
	display: inline;
	font-size: 14px;
}
#message .company_profile .detail p.tag {
	background: #febe69;
	border-radius: 20px;
	margin-right: 15px;
	padding: 2px 8px;
}

/* FV電話番号 */
.c-tel--white {
	color: #000;
}

/* ------------------- 以下スマホのみ ------------------- */

@media (max-width: 768px) {
	
	/* 買取可能物件 */
	.p-available__list {
    	grid-template-columns: repeat(3, 1fr);
	}
	.p-available__card {
    	min-height: 60px;
	}
	.p-available__card .p-available__card-text {
		font-size: 15px;
		line-height: 1.3em;
	}

	/* よくあるお悩み */
	.c-title__head span {
 	   font-size: 1rem;
	}
	.p-worry__list {
		margin-top: 10px;
	}
	
	/* 売却の流れ */
	.p-flow__card-contents {
		aspect-ratio: 238/100;
	}
	
	/* 会社概要 */
	.p-president__ttl {
		font-size: 21px;
	}
	#message .company_profile {
		padding: 20px;
	}
	#message .company_profile .name .img {
		margin-right: 15px;
	}
	#message .company_profile .name img {
		width: 70px;
	}
	#message .company_profile .name .ttl {
		margin-right: 9px;
		font-size: 16px;
	}
	#message .company_profile .name .url a {
		font-size: 11px;
		padding: 1px 8px;
	}
	#message .company_profile .name .add {
		font-size: 12px;
	}
	#message .company_profile .detail .f_wrap:not(:last-child) {
		margin-bottom: 15px;
	}
	#message .company_profile .detail .f_wrap {
    	flex-direction: column;
		row-gap: 7px;
	}
	#message .company_profile .detail p {
    	font-size: 13px;
	}
	#message .company_profile .detail p.tag {
    	width: fit-content;
	}
	
｝