@charset "UTF-8";



/*トップページのCSS*/

.page-header-cover{
	width:100%;
	height:100VH;
	background-color:#666;
	background-size:cover;
	margin-bottom:10rem;
}
.page-header-noncover{
	width:100%;
	height:20VH;
	background-color:#666;
	background-size:cover;
	margin-bottom:10rem;
}
body#site-top .page-header-cover{ background-image:url("../image/top_h1_bg.jpg"); }
body#site-company .page-header-cover{ background-image:url("../image/offce_h1_bg.jpg"); }
body#site-contact .page-header-noncover{ background-image:url("../image/top_panorama(S).jpg"); }
.page-title-container{
	width:100%;
	margin-top:25VH;
	color:#ECECEC;
	text-align-last: center;
	text-justify:center;  
}
p#catch-copy-one{
	font-size:100%;
	line-height:5rem;
	width:80%;
	margin:0px auto;
}
p#catch-copy-two{
	font-size:90%;
	line-height:5rem;
	width:80%;
	margin:0px auto;
}
.article-box{
	width:100%;
	margin:0 auto 20vh auto;
}
h1.article-title{
	font-size:1.7rem;
	text-align-last: justify;
	text-justify:inter-ideograph;
	padding:0 ; 
	padding-bottom:2rem;
	border-bottom:dotted 3px #666;
	width:80%;
	margin:0 auto;
	margin-bottom:2rem;
}
p.article-read{
	width:90%;
	text-align:center;
	margin:0 5%;
	margin-bottom:3rem;
}
.section-box{
	width:100%;
	margin:0 auto;
}
.section-box::after{
	content:"";
	display:block;
	clear:both;
}
h2.section-title{
	font-size:1.5rem;
	padding:.4rem 0rem; 
	width:90%;
	margin:0 auto;
	margin-bottom:2rem;
	background-color:#333;
	color:#FCFCFC;
	text-align:center;
	text-align-last: center;
	text-justify:center;
	border-radius:1rem;
}
#top-drone-section,
#top-media-section{
}
#top-drone-section p,
#top-media-section p{
	width:85%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:3rem;
	float:none;
	text-align:center;
	font-size:1.1rem;
	font-weight:400;
}
#top-drone-section p:nth-child(2n+1),
#top-media-section p:nth-child(2n){
	margin-right:auto;
}
#top-drone-section::after,
#top-media-section::after{
	content:"";
	display:block;
	clear:both;
	margin-bottom:4rem;
}
#top-drone-section p img,
#top-media-section p img{
	width:100%;
}

#top-drone-skyphoto{
}
#top-drone-skyphoto p{
	width:85%;
	margin:0 auto;
	margin-bottom:3rem;
	float:none;
	text-align:center;
	font-size:1.1rem;
	font-weight:400;
}
#top-drone-skyphoto p:nth-child(3),
#top-drone-skyphoto p:nth-child(4),
#top-drone-skyphoto p:nth-child(7){
	margin-right:auto;
}
#top-drone-skyphoto p:last-child::after{
	content:"";
	display:block;
	clear:both;
	margin-bottom:4rem;
}
#top-drone-skyphoto p img{
	width:100%;
}
#top-drone-skyphoto p#panorama-view{
	width:85%;
}
p.top-contact-text{
	width:80%;
	margin:0 auto;
	text-align:center;
	position:relative;
}
a.bd{
	display:block;
	width:70%;
	margin:0 auto;
	margin-top:2rem;
	padding:10px;
	position:relative;
	border:solid 1px #000;
	background-color:#F8F8F8;
}

a.bd div{background: #000; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s;}
a.bd div.bd-t{width: 0%; height:2px; top:0; left:0;}
a.bd div.bd-l{height:0%; width :2px; left:0; bottom:0;}
a.bd div.bd-r{height:0%; width :2px; right:0; top:0;}
a.bd div.bd-b{width: 0%; height:2px; bottom:0; right:0;}
a.bd div{-webkit-transition:all 0.2s;transition:all 0.2s;}
a.bd:hover{	background-color:#E6E6E6;}
a.bd:hover div.bd-t{width:100%;}
a.bd:hover div.bd-l{height:100%;}
a.bd:hover div.bd-r{height:100%;}
a.bd:hover div.bd-b{width:100%;}
a.bd div.link-text{
	position:relative;
	background: none;
	font-size:1.5rem;
	display:block;
	text-align:center;
	padding:10px;
}
.section-wrap{
	width:100%;
	padding-top:10vh;
	margin-top:10vh;
	margin-bottom:2rem;
}
.gray{
	background-color:#F8F8F8;
}
div.pv-inner{
	height:360px;
}
.history-link{
}
.history-link dd::after{
	display:inline-block;
	content:"Link";
	color:#FFF;
	padding:0px 5px;
	background-color:#F00;
	font-size:0.7rem;
	line-height:1.2rem;
	margin-left:1rem;
}
.history-link:hover dd{
	opacity:0.5;
}
.infomation-section{
	width: 90%;
	margin: 10px auto;
	margin-bottom: 5rem;
	color: red;
	font-family: sunsSerif;
	font-size: 1.2rem;
	border: solid 3px red;
	padding: 10px;
}
.info-datetime,
.info-title,
.info-para{
	display: inline-block;
	margin-right: 1rem;
}
/* キャンペーンセクション追加 2025-0205 */
.campaign-section{
	width: 90%;
	margin: 10px auto;
	margin-bottom: 5rem;
	font-family: sunsSerif;
	font-size: 1.2rem;
	padding: 10px;
	text-align:center;
}

/*お問合せページ*/
#contact-form{
	display:block;
	width:80%;
	margin:0 auto;
}
#contact-form dl{
	font-size:1.2rem;
	margin:0;
}
#contact-form dl dt{
	width:100%;
	padding:5px 0px;
	margin:0px 0;
	background-color:#333;
	border:1px solid #333;
	color:#ECECEC;
	text-align:center;
	text-align-last: center;
	text-justify:center;
}
#contact-form dl dd{
}
#contact-form dl dd input,
#contact-form dl dd textarea{
	width:85%;
	border:1px solid #333;
	padding:1rem 7.5%;
	margin:0;
	margin-bottom:2rem;
	font-size:1.2rem;
}
#contact-form dl dd input{
	height:30px;
}
#contact-form dl dd textarea{
	height:100px;
}
#contact-form dl dt.text-area-dt{
	padding:5px 0px;
}
.form-btn-area{
	width:85%;
	margin:30px auto;
}
.form-btn{
	display:block;
	padding:20px 0;
	margin:10px auto 20px auto;
	width:100%;
	background-color:#777;
	color:#FFF;
	border:none;
	float:left;
}
.form-btn:hover{
	background-color:#333;

}
.form-btn::after{
	content:"";
	display:block;
	clear:both;
}
.return-top-btn{
	display:block;
	width:200px	;
	text-align:center;
	margin:0 auto;
	padding:10px 20px;
	background-color:#333;
	color:#FFF;
}
.return-top-btn:hover{
	background-color:#000;	
}

/*COMPANY PAGE*/
section#c-p-sec{
	padding-bottom:80px;
}
section#c-p-sec dl{
	display:block;
	width:85%;
	margin:0 auto;
}
section#c-p-sec dl dt{
	display:block;
	width:100%;
	padding:20px 0px;
	text-align-last: center;
	text-justify:center;
	margin-right:0px;
}
section#c-p-sec dl dd{
	display:block;
	width:100%;
	padding:20px 0px;
}
.jigyo-h{
	font-family:sans-serif;
	font-weight:bold;
}
.privacy-section{
	width:85%;
	margin-bottom:3rem;
}
.privacy-links{
	display:block;
	margin:0 auto;
	width:85%;
	text-align:center;
	font-size:1rem;
	color:#C00;
}
#news-wrapper{
	width:95%;
	margin:0 auto;
	margin-bottom:20vh;
	
}
.news-list-wrap{
	height:50vh;
	overflow-y:scroll;
}
.news-list{
	list-style:none;
	text-align:center;
}
.n-list-box{
	padding:10px 5px;
	border-bottom:1px solid #000;
}
.n-list-box::after{
	display:block;
	content:"";
	clear:both;
}
.news-list dt,
.news-list dd{
	display:block;
	padding: 0;
	border-bottom:0;
	float:none;
	line-height:21px;
}

.news-list dd span{
	display:block;
	margin:0 auto;
	padding:0px 15px;
	border-radius:1px;
	box-sizing:border-box;
}

.news-content-wrap{
	display:block;
}
.dd-title{
}

.d-pv{
	border-bottom:solid 1px #4169e1;
}
.d-sv{
	border-bottom:solid 1px #b9e041;
}
.d-sc{
	border-bottom:solid 1px #e0b941;
}
.d-gd{
	border-bottom:solid 1px #e04169;
}

/*実績ページ*/
.creative-p{
	width:90%;
	margin:0 auto;
	margin-bottom:3.6rem;
}
.creative-p a{
	display:block;
	border-radius:10px;
}
.creative-p a img{
	width:100%;
}
.creative-h{
	font-size:1.2rem;
	width:90%;
	margin:0 auto;
	margin-bottom:1.6rem;
	text-align:center;
}
.mob-text{
	text-align:center;
	font-family:sans-serif;
	font-weight:bold;
	font-size:1rem;
	color:#b35252;
}
.mob-text:hover{
	color:red;
}