@charset "UTF-8";
@import "reset.css";
@import "common.css";

/*トップページ フルスクリーンビデオ*/
.video-wrap{
	position:relative;
	min-height:100vh;
	background-color:#F00;
	overflow:hidden;
	z-index:-9999;
	width:auto;
	height:auto;
	margin-bottom:50px;
	background-image:url("../mov/mov-dummy.jpg");
	background-position:center;
	background-size:cover;
}
#video-contents{
	position:absolute;
	top:50%;
	left:50%;
	display:flex;
	min-width:100vw;
	min-height:100vh;
	width:auto;
	height:auto;
	z-index:-9999;
	transform: translate(-50%,-50%);

}
#video-over-ray{
	position:absolute;
	top:0;
	min-width:100vw;
	min-height:100vh;
	z-index:-9998;
	background-color:rgba(120,200,255,.5);
	background-image:url("../images/icon_scroll.png");
	background-repeat:no-repeat;
	background-position:left 50% bottom 10px;
}
#over-ray-content{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align:center;
	opacity:0.5;
	background-image:url("../images/bomb-ico.svg");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.over-ray-para{
	padding-top:3em;
	font-size:3em;
	font-weight:bold;
	color:#FFF;
	line-height:2em;
	opacity:1;
	z-index:9999;
	text-shadow:5px 5px 10px #000;
}
.orp-small{
	color:#FFF;	
	z-index:9999;
	line-height:2em;
	font-size:1.5em;
}

/*トップページ スライダー*/
.helipad{
	background-image:url("../images/heliport.png");
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	margin-right:50px;
	text-align:center;
}
.slide-caption{
	font-size:20px;
	width:450px;
	float:right;
}
.slide-title{
	font-size:48px;
	margin:15px 0;
}
.slide-price{
	font-size:36px;
	line-height:48px;
}
.slide-contact-bottun{
	text-align:center;
	margin-top:20px;
	background:linear-gradient(#FF0000, #990000);
}
.slide-contact-bottun a{
	display:block;
	padding:10px 0;
	background-color:rgba(255,0,0,1);
	color:#FFF;
	font-weight:normal;
}
.slide-contact-bottun a:hover,
.slide-contact-bottun a:active{
	font-weight:bold;
	background-color:rgba(255,0,0,0);
	transition: .6s;
}
.slide-drone-image{
	display:block;
	width:100%;
	padding-bottom:80px;
}

/*トップページ サブナビゲーション*/
.subnav-list{
	list-style:none;
	display:flex;
	display:-webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	flex-wrap: wrap;
}
.subnav-list li{
	display:block;
	margin-bottom:50px;
}
.subnav-list-item{
	display:block;
	background-color:#F00;
	width:270px;
	height:270px;
	text-align:center;
	padding:20px;
	padding-top:50px;
	border:solid 3px #FFF;
	outline: solid 8px #F00;
	box-sizing: border-box;
	background-repeat:no-repeat;
	background-position:left 50% bottom 30px;
	font-size:1.7em;
	font-weight:bold;
	color:#FFF;
}
.subnav-list-item:hover{
	background-color:#CC0000;
	background-size:55%;
	transition: .6s;
}
#subnav-rental-itiran	{ background-image:url("../images/icon_drone.png"); 	}
#subnav-rental-flow		{ background-image:url("../images/icon_paper.png"); 	}
#subnav-rental-faq		{ background-image:url("../images/icon_question.png"); 	}
#subnav-rental-hoken	{ background-image:url("../images/icon_hoken.png"); 	}
#subnav-rental-contact	{ background-image:url("../images/icon_hand.png"); 		}

/*トップページ NEWS RELEASE*/
.news-list{
}
.news-list li{
	font-size:1.5rem;
	line-height:3rem;
	border-bottom:1px solid #000;
}
span.news-date{
	padding-right:50px;
}

/*トップページ バナー集*/
ul.banners-list{
	display:flex;
	display:-webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	flex-wrap: wrap;
}
ul.banners-list li a{
	display:block;
	margin-bottom:50px;
}
ul.banners-list li a:hover{
	opacity:.7;
}

/*LINE UPページ*/
/*LINE UPページ 商品選択*/
.line-up-main-title span{
	font-size:.5em;
}
ul.drone-choice-list{
	width:960px;
	margin:0 auto;
	display:flex;
	display:-webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	flex-wrap: wrap;
}
li.drone-c-list-item{
	display:block;
	width:30%;
}
li.drone-c-list-item:hover,
li.drone-c-list-item:active{
	width:35%;
	transition:.6s;
	background-color:rgba(255,255,255,.3);
	background-size:35%;
	background-repeat:no-repeat;
	background-position:center;
}
li.drone-c-list-item a{
	display:block;
	padding-top:170px;
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
#phantom4-img{ background-image:url("../images/drone_p4p.png"); }
#phantom4pro-img{ background-image:url("../images/drone_p4p.png"); }
#mavicair-img{ background-image:url("../images/drone_mavic_air.png"); }

/* ドローン選択時のインプットラベル */
#product-p4p,#product-p4s,#product-mavic{
	display:none;
}

/*LINE UPページ 各商品のArticle*/
.prduct-title{
	margin-bottom:80px;
}

.price-list{
}
.price-list li{
	display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-wrap: wrap;
	font-size:1.5rem;
	line-height:3rem;
	border-bottom:1px solid #000;
}
span.price-date{
	padding-right:50px;
}
.product-text-link{
	margin:20px 0;
}
.product-text-link a{
	color:#F00;
}
.product-text-link a:hover{
	font-weight:bold;
}
ul.product-part-list{
	display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-wrap: wrap;
}
ul.product-part-list li{
	display:block;
	text-align:center;
	width:30%;
	margin-bottom:60px;
}
ul.product-part-list li img{
	width:100%;
}
p.contact-btn{
	background:linear-gradient(#FF0000, #990000);
	width:75%;
	margin-right:auto;
	margin-left:auto;
	border-radius:10px;
}
p.contact-btn a{
	display:block;
	padding:20px 0;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,1);
	border-radius:10px;
}
p.contact-btn a:hover,
p.contact-btn a:active{
	background-color:rgba(255,0,0,0);
	transition: .6s;
}

/*各記事ページのヘッド設定*/
#flow-page-main .main-contetns-title,
#faq-page-main .main-contetns-title,
#insurance-page-main .main-contetns-title,
#contact-page-main .main-contetns-title
{
	display:block;
	background-color:white;
	background-position: center bottom;
	background-size: cover;
	background-repeat:no-repeat;
	width:100%;
	height:300px;
	text-shadow:3px 3px 5px #000;
}
#flow-page-main .main-contetns-title{
	background-image:url("../images/pic_trim.png"), url("../images/pic_flow.png");
}
#faq-page-main .main-contetns-title,
#contact-page-main .main-contetns-title{
	background-image:url("../images/pic_trim.png"), url("../images/pic_question.png");
}
#insurance-page-main .main-contetns-title{
	background-image:url("../images/pic_trim.png"), url("../images/pic_hoken.png");
}

/*flowページ*/
.main-article section.flow-section{
	background-color:#efefef;
	background-repeat:no-repeat;
	background-position:25px 25px;
	color:#333;
	padding:50px;
	padding-left:25%;
	margin-bottom:20px;
	min-height:125px;
}
.flow-section h3{
	font-size:1.3em;
	margin-bottom:1.3em;
}
.flow-section p{
	text-align:justify;
	padding:20px;
	background-color:#FFF;
	border-radius:10px;
}

#flow-1-sec{ background-image:url("../images/icon_flow_tel.png"); }
#flow-2-sec{ background-image:url("../images/icon_flow_mail.png"); }
#flow-3-sec{ background-image:url("../images/icon_flow_case.png"); }
#flow-4-sec{ background-image:url("../images/icon_flow_drone.png"); }
#flow-5-sec{ background-image:url("../images/icon_flow_case.png"); }

.faq-section p.insert-graph{
	margin:20px auto;
	margin-bottom:0;
	background:none;
	border-radius:0;
	text-align:center;
}
/*Q&Aページ*/
section.faq-section{
	background-color:#efefef;
	color:#333;
	padding:20px 40px;
	margin-bottom:20px;
	min-height:125px;
}
.faq-section h3{
	font-size:1.3em;
	margin-bottom:1em;
}
.faq-section p{
	text-align:justify;
	padding:20px;
	background-color:#FFF;
	border-radius:10px;
	text-indent: -2em;
	padding-left: 4em;
}
.faq-section p a{
	font-weight:bold;
	color:#333;
}
.faq-section p a:hover{
	color:#F00;
}

/*保険について ページ*/
.ins-grand-para{
	text-align:center;
	font-size:1.1em;
	line-height:2.4em;
	margin-bottom:60px;
	color:#333;
}
.ins-article-gpara{
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.8em;
	margin-bottom:30px;
	color:#111;	
}
section.ins-section{
	background-color:#efefef;
	color:#333;
	padding:40px 40px;
	margin-bottom:40px;
	border-radius:20px;
}
.ins-section h3{
	font-size:1.3em;
	color:#F00;
	margin-bottom:20px;
}
.ins-section p{
	text-align:justify;
	line-height:1.9em;
}
.ins-section p a{
	font-weight:bold;
	color:#333;
}
.ins-section p a:hover{
	color:#F00;
}
.songai-list{
	display:block;
	list-style: disc;
	padding:30px;
	background-color:#FFF;
	text-indent:-0.25em;
	padding-left:60px;
	width:75%;
	margin:20px auto;
	margin-bottom:0;
	border-radius:20px;
}
.songai-2-list{
	display:block;
	list-style: disc;
	padding:0px;
	text-indent:-0.25em;
	padding-left:4em;
	line-height:1.7em;
}
.check-icon{
	display:inline-block;
	width:1.2em;
	height:1.2em;
	background-image:url("../images/check-ico.svg");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left;
	padding-right:.5em;
}
.caution-main-p{
	font-size:1.2em;
	padding-left:2em;
	text-indent:-1.8em;
}
.ins-contact-list{
	display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top:2em;
	margin-bottom:2em;
}
a.ins-contact{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	padding:10px 20px;
	background-color:#F00;
	color:#FFF;
	border-radius:5px;
}
a.ins-contact:hover{
	background-color:#D00;
	transition:.6s;
	padding:10px 50px;
}
.ico-tel-white,
.ico-mail-white{
	display:inline-block;
	vertical-align: middle;
	width:1.2em;
	height:1.2em;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0 0;
	padding-right:1em;
}
.ico-tel-white{ background-image:url("../images/tel-mark-white.svg");}
.ico-mail-white{ background-image:url("../images/mail-mark-white.svg"); }

/*お問合せページ*/
.table-Container{
	display:table;
	width:100%;
	border-collapse:collapse;
}
.c-form{
	width:100%;
}
dl.c-form-row{
	display:table-row;
	width:100%;
}
dt.c-form_title{
	width: 24%;
	background: #f5f5f5;
	font-weight: bold;
	vertical-align: middle;
	padding: 24px;
	display: table-cell;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
dd.c-form_body{
	width:75%;
	vertical-align: top;
	padding: 24px;
	display: table-cell;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
.c-form__inputTextItem{
	border: 1px solid #cccccc;
    width: 100%;
    border-radius: 4px;
    min-height: 44px;
    padding: 6px 16px;
    box-sizing: border-box;
}
.c-form__selectItem{
	border: 1px solid #cccccc;
    width: 100%;
    border-radius: 4px;
    min-height: 44px;
    padding: 6px 16px;
    box-sizing: border-box;

}
.c-form__required{
	font-size: 1.2rem;
	background: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 2px 0 5px;
	color: #f44336;
	border: 1px solid #f44336;
	padding: 1px 3px;
	display: inline-block;
}
.label-hidden{
	display:none;
}
.input-example{
	font-size:0.8em;
}
select{
	line-height:2.6em;
}
.submit-btn{
	width:50%;
	display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-wrap: wrap;
	margin:2em auto;
}
.submit-btn input{
	padding:10px 20px;
	background:linear-gradient(#FF0000, #990000);
	border-radius:10px;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
}
.submit-btn input:hover,
.submit-btn input:active{
	background:linear-gradient(#FF3333, #993333);	
}