/* AVT Drone Photography
 * Rev 2026-08-18 / Revision 24
 * /v2016/_css/drone.css?r=260818-24
 */

/* -----------------------------------------------------------
   Intro / key points
----------------------------------------------------------- */
.v16.p-sub.p-drone article h2.x-drone-lead{
	margin-top:14px;
	padding:0;
	font-size:21pt;
	line-height:1.45em;
	font-weight:bold;
	color:#222;
}
.v16.p-sub.p-drone .x-drone-intro{
	font-size:10.5pt;
	line-height:1.85em;
}
.v16.p-sub.p-drone .x-drone-keypoints{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:22px 0 0 0;
}
.v16.p-sub.p-drone .x-drone-keypoints > div{
	width:32%;
	margin:0 0 12px 0;
	padding:14px 15px;
	box-sizing:border-box;
	background:#f6f6f6;
	border-left:3px solid rgba(220,0,0,.8);
}
.v16.p-sub.p-drone .x-drone-keypoints p{ padding:0; }
.v16.p-sub.p-drone .x-drone-keypoints p.f-en{
	margin:0 0 5px 0;
	font-size:10pt;
	font-weight:600;
	color:rgba(220,0,0,1);
}
.v16.p-sub.p-drone .x-drone-keypoints p.f-ja{
	font-size:9pt;
	line-height:1.65em;
}
.v16.p-sub.p-drone .x-drone-keypoints p.f-ja strong{ font-size:10.5pt; color:#222; }

/* -----------------------------------------------------------
   Cover / catch-copy SVG space
----------------------------------------------------------- */
.v16.p-sub.p-drone .x-cov{
	width:100%;
	max-width:1000px;
	height:150px;
	margin:0 0 30px 0;
	overflow:hidden;
}
.v16.p-sub.p-drone .x-cov img.x-covcatch{ width:auto; height:100%; margin:0; }
.v16.p-sub.p-drone .x-drone-svg-placeholder{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px dashed rgba(255,255,255,.65);
	background:rgba(255,255,255,.12);
	color:#fff;
	text-align:center;
	text-shadow:0 1px 4px rgba(0,0,0,.45);
}

/* -----------------------------------------------------------
   Strengths
----------------------------------------------------------- */
.v16.p-sub.p-drone .x-drone-feature{
	display:grid;
	grid-template-columns:minmax(180px,36%) minmax(0,1fr);
	column-gap:20px;
	row-gap:8px;
	align-items:start;
	margin:22px 0 0 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ddd;
}
.v16.p-sub.p-drone .x-drone-feature:last-child{ border-bottom:0; padding-bottom:0; }
.v16.p-sub.p-drone .x-photo-placeholder.x-strength-feature-photo{
	width:100%;
	height:auto;
	aspect-ratio:3 / 2;
	padding-top:0;
	margin:0;
}
.v16.p-sub.p-drone .x-strength-feature-copy{ min-width:0; }
.v16.p-sub.p-drone .x-feature-note{ width:100%; margin:0; padding-top:0; }
.v16.p-sub.p-drone .x-drone-feature-notes{
	margin:14px 0 0 0;
	padding:0;
}
.v16.p-sub.p-drone .x-drone-feature-notes .x-feature-note + .x-feature-note{ margin-top:5px; }
.v16.p-sub.p-drone .x-drone-feature h2.f-en{
	font-size:12pt;
	line-height:1.2em;
	font-weight:600;
	color:rgba(220,0,0,1);
}
.v16.p-sub.p-drone .x-drone-feature h2.f-ja{
	padding:6px 0 0 0;
	font-size:14pt;
	line-height:1.45em;
	font-weight:bold;
	color:#222;
}
.v16.p-sub.p-drone .x-drone-feature p{ line-height:1.8em; }
.v16.p-sub.p-drone .x-note{
	font-size:8pt;
	line-height:1.55em;
	color:#777;
}

/* -----------------------------------------------------------
   Before / After
----------------------------------------------------------- */
.v16.p-sub.p-drone .x-drone-beforeafter{
	display:flex;
	justify-content:space-between;
	margin:20px 0 0 0;
}
.v16.p-sub.p-drone .x-ba-item{ width:49%; }
.v16.p-sub.p-drone .x-ba-label{
	margin:0;
	padding:0 0 5px 0;
	font-size:10pt;
	font-weight:600;
	color:rgba(220,0,0,1);
}
.v16.p-sub.p-drone .x-ba-note{
	margin:0;
	padding:6px 0 0 0;
	font-size:8.5pt;
	color:#777;
}

/* -----------------------------------------------------------
   Works / placeholders
----------------------------------------------------------- */
.v16.p-sub.p-drone .x-drone-works{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:20px 0 0 0;
}
.v16.p-sub.p-drone .x-workitem{
	width:49%;
	margin:0 0 20px 0;
}
.v16.p-sub.p-drone .x-photo-placeholder{
	position:relative;
	width:100%;
	padding-top:62%;
	background:#dedee1;
	border:1px solid #d2d2d5;
	box-sizing:border-box;
	color:#85858a;
	text-align:center;
}
.v16.p-sub.p-drone .x-photo-placeholder img{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.v16.p-sub.p-drone .x-ba-placeholder{ padding-top:65%; }
.v16.p-sub.p-drone .x-workitem p.x-worktitle{
	padding:8px 0 0 0;
	font-weight:bold;
	font-size:10pt;
	color:#222;
}
.v16.p-sub.p-drone .x-workitem p.x-worknote{
	padding:2px 0 0 0;
	font-size:8.5pt;
	color:#777;
}

/* periodic / fixed-point photography */
.v16.p-sub.p-drone .x-drone-periodic{
	margin:20px 0 24px 0;
	padding:16px;
	background:#f6f6f6;
	border-left:3px solid rgba(220,0,0,.8);
}
.v16.p-sub.p-drone .x-periodic-copy{ margin:0 0 14px 0; }
.v16.p-sub.p-drone .x-periodic-label{
	margin:0;
	padding:0 0 4px 0;
	font-size:9pt;
	font-weight:600;
	color:rgba(220,0,0,1);
}
.v16.p-sub.p-drone .x-periodic-copy h2.f-ja{
	padding:0;
	font-size:13pt;
	line-height:1.45em;
	font-weight:bold;
	color:#222;
}
.v16.p-sub.p-drone .x-periodic-photos{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px;
}
.v16.p-sub.p-drone .x-periodic-note{ margin-top:12px; }
.v16.p-sub.p-drone .x-periodic-photos .x-photo-placeholder{ padding-top:70%; }
.v16.p-sub.p-drone .x-drone-clients{
	clear:both;
	margin:5px 0 0 0;
	padding:16px;
	background:#f6f6f6;
}
.v16.p-sub.p-drone .x-drone-clients h2.f-ja{
	padding:0;
	font-size:11pt;
	font-weight:bold;
}

.v16.p-sub.p-drone .x-drone-clientlogos{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(125px,1fr));
	gap:10px;
	margin:14px 0 0 0;
	padding:0;
	list-style:none;
}
.v16.p-sub.p-drone .x-drone-clientlogos > li{
	min-width:0;
	margin:0;
	padding:0;
}
.v16.p-sub.p-drone .x-drone-clientlogos img{
	display:block;
	width:100%;
	height:82px;
	object-fit:contain;
	box-sizing:border-box;
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
}
.v16.p-sub.p-drone .x-clientlogo-placeholder{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:82px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #ddd;
	color:#888;
	text-align:center;
}

/* -----------------------------------------------------------
   Service table
----------------------------------------------------------- */
.v16.p-sub.p-drone table.x-drone-service-table th,
.v16.p-sub.p-drone table.x-drone-price-table th{
	width:26%;
	font-weight:bold;
	color:#222;
	vertical-align:top;
}
.v16.p-sub.p-drone table.x-drone-service-table td,
.v16.p-sub.p-drone table.x-drone-price-table td{
	vertical-align:top;
}

/* -----------------------------------------------------------
   Price plans
----------------------------------------------------------- */
/* plan comparison */
.v16.p-sub.p-drone .x-drone-plancompare-wrap{
	margin:20px 0 0 0;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.v16.p-sub.p-drone table.x-drone-plancompare{
	width:100%;
	min-width:650px;
	table-layout:fixed;
	margin:0;
	border-top:2px solid #555;
	border-left:1px solid #ddd;
}
.v16.p-sub.p-drone table.x-drone-plancompare th,
.v16.p-sub.p-drone table.x-drone-plancompare td{
	padding:8px 7px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	text-align:center;
	font-size:8pt;
	line-height:1.5em;
	white-space:normal;
}
.v16.p-sub.p-drone table.x-drone-plancompare thead th{
	position:relative;
	padding:12px 7px;
	background:#f4f4f4;
	color:#222;
}
.v16.p-sub.p-drone table.x-drone-plancompare thead th.x-compare-label{ width:19%; }
.v16.p-sub.p-drone table.x-drone-plancompare tbody th{
	width:19%;
	background:#f7f7f7;
	text-align:left;
	font-weight:bold;
	color:#333;
}
.v16.p-sub.p-drone table.x-drone-plancompare thead th > span.f-en{
	display:block;
	font-size:9pt;
	font-weight:600;
	color:rgba(220,0,0,1);
}
.v16.p-sub.p-drone table.x-drone-plancompare thead th > strong{
	display:block;
	margin-top:4px;
	font-size:9pt;
	line-height:1.35em;
}
.v16.p-sub.p-drone .x-compare-price{
	display:block;
	margin-top:8px;
	font-size:12pt;
	font-weight:bold;
	color:#222;
}
.v16.p-sub.p-drone .x-compare-price small{
	display:block;
	margin-top:2px;
	font-size:7pt;
	font-weight:normal;
	line-height:1.35em;
	color:#777;
}
.v16.p-sub.p-drone table.x-drone-plancompare .x-recommend-col{ background:#fff8f8; }
.v16.p-sub.p-drone table.x-drone-plancompare thead .x-recommend-col{ border-top:3px solid rgba(220,0,0,.9); }
.v16.p-sub.p-drone .x-compare-badge{
	display:inline-block!important;
	margin:0 0 6px 0;
	padding:2px 6px;
	background:rgba(220,0,0,.9);
	color:#fff!important;
	font-size:6.8pt!important;
	font-weight:600!important;
}
.v16.p-sub.p-drone article h2.x-price-subhead{
	margin:22px 0 0 0;
	padding:0;
	font-size:13pt;
	font-weight:bold;
	line-height:1.4em;
	color:#222;
}
.v16.p-sub.p-drone table.x-drone-price-table{ margin-top:10px; }
.v16.p-sub.p-drone table.x-drone-price-table td.x-price{
	width:27%;
	white-space:nowrap;
	font-weight:bold;
	font-size:9pt;
	color:#222;
}


/* -----------------------------------------------------------
   Flow
----------------------------------------------------------- */
.v16.p-sub.p-drone ol.x-drone-flow{
	counter-reset:droneflow;
	margin:20px 0 0 0;
	padding:0;
}
.v16.p-sub.p-drone ol.x-drone-flow > li{
	position:relative;
	display:block;
	min-height:42px;
	margin:0 0 14px 0;
	padding:3px 0 14px 54px;
	border-bottom:1px solid #ddd;
	line-height:1.7em;
}
.v16.p-sub.p-drone ol.x-drone-flow > li:last-child{ border-bottom:0; }
.v16.p-sub.p-drone ol.x-drone-flow > li:before{
	counter-increment:droneflow;
	content:counter(droneflow, decimal-leading-zero);
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:rgba(220,0,0,.9);
	color:#fff;
	font-family:'Source Sans Pro',Helvetica,Arial,Verdana,ArialUnicodeMS,sans-serif;
	font-size:12pt;
	font-weight:600;
}
.v16.p-sub.p-drone .x-drone-schedule-note{
	margin:16px 0 0 0;
	padding:12px 15px;
	background:#f6f6f6;
	border-left:3px solid #999;
}
.v16.p-sub.p-drone .x-drone-schedule-note p{ padding-top:5px; }
.v16.p-sub.p-drone .x-drone-schedule-note p:first-child{ padding-top:0; }


/* -----------------------------------------------------------
   FAQ
----------------------------------------------------------- */
.v16.p-sub.p-drone .x-drone-faq{
	margin:20px 0 0 0;
	border-top:1px solid #d0d0d0;
}
.v16.p-sub.p-drone .x-drone-faq details{
	border-bottom:1px solid #d0d0d0;
}
.v16.p-sub.p-drone .x-drone-faq summary{
	position:relative;
	padding:14px 38px 14px 0;
	list-style:none;
	cursor:pointer;
	font-size:10pt;
	font-weight:bold;
	line-height:1.6em;
}
.v16.p-sub.p-drone .x-drone-faq summary::-webkit-details-marker{ display:none; }
.v16.p-sub.p-drone .x-drone-faq summary::after{
	content:"＋";
	position:absolute;
	top:50%;
	right:8px;
	transform:translateY(-50%);
	color:rgba(220,0,0,.9);
	font-size:14pt;
	font-weight:normal;
}
.v16.p-sub.p-drone .x-drone-faq details[open] summary::after{ content:"−"; }
.v16.p-sub.p-drone .x-drone-faq details > div{
	padding:0 38px 14px 0;
	color:#555;
}
.v16.p-sub.p-drone .x-drone-faq details > div p{
	padding-top:0;
	margin:0;
}

/* -----------------------------------------------------------
   Contact
----------------------------------------------------------- */
.v16.p-sub.p-drone .x-drone-contact-methods{
	display:flex;
	gap:14px;
	margin:22px 0 0 0;
}
.v16.p-sub.p-drone .x-drone-contact-method{
	width:50%;
	padding:18px 20px;
	box-sizing:border-box;
	background:#f6f6f6;
	border-top:2px solid rgba(220,0,0,.8);
}
.v16.p-sub.p-drone .x-drone-contact-method p{ padding-top:4px; }
.v16.p-sub.p-drone .x-drone-contact-method p.x-contact-label{
	padding-top:0;
	margin:0;
	color:#999;
	font-size:8pt;
	letter-spacing:.08em;
}
.v16.p-sub.p-drone .x-drone-contact-method h2{
	margin:3px 0 4px 0;
	padding:0;
	font-size:12pt;
}
.v16.p-sub.p-drone .x-contact-value{
	font-size:15pt;
	font-weight:bold;
	word-break:break-all;
}
.v16.p-sub.p-drone .x-contact-guide{
	margin:3px 0 0 0;
	padding-top:0 !important;
	font-size:8.5pt;
	color:#666;
}
.v16.p-sub.p-drone .x-contact-hours{
	font-size:8.5pt;
	color:#666;
}
.v16.p-sub.p-drone .x-drone-mail-template-wrap{
	margin:20px 0 0 0;
	padding:18px 20px;
	background:#f6f6f6;
}
.v16.p-sub.p-drone .x-mail-template-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:16px;
}
.v16.p-sub.p-drone .x-mail-template-head h2{
	margin:0;
	padding:0;
	font-size:11pt;
}
.v16.p-sub.p-drone .x-mail-template-head p{
	margin:0;
	padding:5px 0 0 0;
}
.v16.p-sub.p-drone .x-mail-template-action{
	flex:0 0 auto;
	text-align:right;
}
.v16.p-sub.p-drone .x-mail-template-action button{
	padding:7px 13px;
	border:1px solid #999;
	background:#fff;
	color:#333;
	font-size:9pt;
	cursor:pointer;
}
.v16.p-sub.p-drone .x-mail-template-action button:hover{ border-color:rgba(220,0,0,.9); }
.v16.p-sub.p-drone .x-copy-status{
	display:block;
	min-height:1.4em;
	padding-top:3px;
	color:#777;
	font-size:7.5pt;
}
.v16.p-sub.p-drone .x-drone-mail-template{
	margin:12px 0 0 0;
	padding:16px;
	box-sizing:border-box;
	overflow:auto;
	background:#fff;
	border:1px solid #d5d5d5;
	white-space:pre-wrap;
	word-break:break-word;
	font-family:inherit;
	font-size:9.5pt;
	line-height:1.75em;
	color:#333;
	user-select:text;
}

/* -----------------------------------------------------------
   Responsive
----------------------------------------------------------- */
@media screen and (max-width:650px){
	.v16.p-sub.p-drone .x-cov{ height:100px; }
	.v16.p-sub.p-drone article h2.x-drone-lead{ font-size:17pt; }
	.v16.p-sub.p-drone .x-drone-keypoints > div{ width:100%; }
	.v16.p-sub.p-drone .x-drone-feature{ display:block; }
	.v16.p-sub.p-drone .x-photo-placeholder.x-strength-feature-photo{ width:100%; aspect-ratio:16 / 9; padding-top:0; margin:0 0 14px 0; }
	.v16.p-sub.p-drone .x-drone-beforeafter{ display:block; }
	.v16.p-sub.p-drone .x-ba-item{ width:100%; margin-bottom:16px; }
	.v16.p-sub.p-drone .x-workitem{ width:100%; }
	.v16.p-sub.p-drone .x-periodic-photos{ grid-template-columns:1fr; }
	.v16.p-sub.p-drone .x-periodic-photos .x-photo-placeholder{ padding-top:45%; }
	.v16.p-sub.p-drone .x-drone-clientlogos{ grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); }
	.v16.p-sub.p-drone table.x-drone-service-table th,
	.v16.p-sub.p-drone table.x-drone-price-table th{ width:auto; white-space:normal; }
	.v16.p-sub.p-drone table.x-drone-price-table td.x-price{ width:auto; }
	.v16.p-sub.p-drone .x-drone-contact-methods{ display:block; }
	.v16.p-sub.p-drone .x-drone-contact-method{ width:100%; margin:0 0 12px 0; }
	.v16.p-sub.p-drone .x-drone-mail-template-wrap{ padding:15px; }
	.v16.p-sub.p-drone .x-mail-template-head{ display:block; }
	.v16.p-sub.p-drone .x-mail-template-action{ margin-top:10px; text-align:left; }
}

@media screen and (max-width:450px){
	.v16.p-sub.p-drone table.x-drone-service-table,
	.v16.p-sub.p-drone table.x-drone-service-table tbody,
	.v16.p-sub.p-drone table.x-drone-service-table tr,
	.v16.p-sub.p-drone table.x-drone-service-table th,
	.v16.p-sub.p-drone table.x-drone-service-table td,
	.v16.p-sub.p-drone table.x-drone-price-table,
	.v16.p-sub.p-drone table.x-drone-price-table tbody,
	.v16.p-sub.p-drone table.x-drone-price-table tr,
	.v16.p-sub.p-drone table.x-drone-price-table th,
	.v16.p-sub.p-drone table.x-drone-price-table td{
		display:block;
		width:auto!important;
	}
	.v16.p-sub.p-drone table.x-drone-service-table th,
	.v16.p-sub.p-drone table.x-drone-price-table th{
		padding-top:12px;
		border-bottom:0;
	}
	.v16.p-sub.p-drone table.x-drone-service-table td,
	.v16.p-sub.p-drone table.x-drone-price-table td{
		padding-top:2px;
	}
}