@charset "utf-8";


body{
    font-weight:400;
	font-size:14px;
}
/*----------------------------------------------
パンくず
------------------------------------------------*/
#breadcrumbs{
}

/*------------------------------------------------
mainVisual SP用レイアウト
------------------------------------------------- */
.mainVisual:before{
    bottom:20%;
}
.mainVisual.sp{
    height:calc( 100vh - 58px);
    position: relative;
}
.visualImgBox_sp{
	width:100%;
    height:calc( 42vh );
    position: absolute;
}
.visualImgBox_sp.vTop{
    height:calc( 42vh - 58px);
	top:0;
}
.visualImgBox_sp.vBottom{
	bottom:0;
}
.logoBox.sp {
    max-width: inherit;
    width: 80%;
    height: calc(80vw * 0.445);
    top: -58px;
    bottom:0;
    left: 0;
    right:0;
    margin:auto;
}
.catch.sp {
	top: 10%;
    width: 20vw !important;
    bottom: 25px !important;
}
.seal_visual.sp{
    width: 29%;
    bottom: 25px;
}
#svgOuchiWrapper.sp{
	height: calc(72vw * 0.7);
    width: 72%;
    top: -58px;
}

.catch {
    width: 17vw;
}
.headerEntry {
	display: none !important;
}

/*---------------------
common
-----------------------*/

.sctn{
    opacity: 0;
    top:30px;
    transition: opacity .5s ,top 1s;
}

.toplink {
    bottom: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
}

/*----------------------------------------------
conceptWrapper
------------------------------------------------*/
.tit {
    font-size: 13px;
    margin: 0 0 20px 0px;
    padding:5px 11px 4px;
    font-weight: normal;
}
.logo_light {
    width: 90px;
}
.conceptWrapper {
    padding: 100px 0 0 0;
}
.svgSquareWrapper {
	display: none;
}
.svgSquareWrapper.sp {
	display: block;
    top: -10px;
}
.conceptHeader {
    margin: 0 0 20px 0;
}
.statementCatch {
    font-size: 8.0vw;
    line-height: 1.5;
}
.statementCatch br{
    display: inline;
}
.statement p {
	font-weight: normal;
    font-size: 14px;
    text-shadow: 
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.tit_concept:before {
    width: 215px;
    height: 95px;
    top: -71px;
    left: -10px;
}
.conceptStateBox {
    margin: 0 0 50px 0;
}

.overview {
    width: 70%;
}
.overviewList li{
    float: none;
    width: 100%;
}
.overviewList li:after{
  content: "";
  display: block;
  clear: both;
}
.overviewList li.icon_arrow {
    width: 100%;
    min-height: 70px;
}
.overviewList li.icon_arrow:after {
    width: 20px;
    height: 27px;
    left: 44px !important;
    right:auto !important;
    margin-top: -11px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.overviewList li img{
    width: 110px;
    float:left;
    margin-bottom:0;
}
.overviewList li.icon_cam img {
    width: auto;
    height: 77.75px;
    margin: 0 27px;
}

.overviewList li p {
    font-size: 14px;
}

img.icon_drone{
    top: -35%;
    right: initial;
    left: 40px;
    width: 55px !important;
}
/*---------------------
showCase
-----------------------*/
.showCaseWrap {
    margin: 0 auto 50px;
}
.sc{
    width:100%;
    height: calc(100vw * 0.5);
}
.scLeft{
    float:none;
}
.scRight{
    float:none;
}
.scWide {
    height: calc(100vw * 0.2);
}
.scTitle {
    font-size: 5.5vw;
	margin-bottom: 20px;
}
.sc.cntnt {
    padding: 30px 5%;
    height: auto;
}
.sc .discription{
	font-size:13px;
	padding:0;
	font-weight: normal;
}
.sc .discription br{
	display: none;
}
.scTitle.scSctn02 {
    text-align: left;
    padding: 0 0 0 0;
    font-size: 6vw;
}
.scSctn02:after {
    background-position:left center;
}
.comments {
	font-size:8px;
}


/*---------------------
nightPhoto
-----------------------*/
.sctn_nightPhoto {
    margin-bottom: 50px;
}
.sctn_nightPhoto h3 {
    font-size: 6.0vw;
}
.sctn_nightPhoto h3 br{
    display: inline;
}
.sctn_nightPhoto p.discription {
	font-weight: normal;
}

/*---------------------
drone
-----------------------*/
img.lisence_img{
    margin:0 15px 10px 0;
    width:30% !important;
}
.drone_txt h3{
    font-size:18px;
}
.drone_txt {
    padding: 0 ;
}
.drone_txt.test {
    padding: 0 ;
}

/*---------------------
plan
-----------------------*/
.sctn_plan {
    padding:50px 0 60px;
}
.tit_plan:before {
    width: 170px;
    height: 84px;
    top: -90px;
    left: -20px;
}
.planTable dt {
    float: none;
}
dd.plan {
    padding-left: 0;
}
.planTable dt {
    padding: 10px 0 0;
}
.planTable dt:after {
  content: "";
  display: block;
  clear: both;
}
.planTable dt p {
    font-size: 18px;
    float:left;
}
.planTable dt span.price {
    float:right;
}
.price {
    font-size: 20px;
	line-height: 1.4;
}
.price:after {
    font-size: 8px;
}
.illust_cam:before {
    background-size: 65px auto;
}
.illust_dronecam:after{
    width: 80px;
    left: -20px;
    }
.illust_dvd:before {
    background-size: 55px auto;
}
.illust_book:before {
    background-size: 56px auto;
}
.illust_gift:before {
    background-size: 66px auto;
}
.item {
    font-size: 14px;
	font-weight: normal;
}
.planOption dt {
    font-size: 14px;
}
.planOption dd {
    font-size: 14px;
    padding-left: 50%;
}
.planOption dd:after {
	top: -2px;
}
.planCntnt {
    margin-bottom: 30px;
}

/*---------------------
faq
-----------------------*/
.sctn_faq {
    padding: 60px 0 60px;
}
.tit_faq:before {
    width: 150px;
    height: 69.5px;
    top: -70px;
    left: -10px;
}
.faqList dt {
    font-size: 14px;
    padding: 15px 45px 15px 0;
    line-height: 1.4;
}
.faqList dt:after {
    margin-top: -10px;
    height:20px;
    right: 20px;
}
.faqList dt:before {
    margin-top: -0.5px;
	width: 20px;
    right: 10px;
}
.tit_prof:before {
    width: 153.5px;
    height: 94px;
    top: -63px;
    left: 30px;
}
.faqList dd {
    padding: 20px 5%;
}

/*---------------------
profile
-----------------------*/
.imgProf {
    width: 115px;
    margin:0 20px 20px 0;
}
.profText {
    padding: 0 0 0 0;
}
.profText p {
    font-weight: normal;
}

/*----------------------------------------------
footer
------------------------------------------------*/

.logo_white {
    width: 180px;
}
.footerLink {
	font-size:12px;
}
.copyright {
	font-size:12px;
}


/*---------------
form
----------------*/

div#formBox {
    width: 100%;
    padding: 10px 0 0 0;
}

div#formBox h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
}

img#img_flow {
    margin: 0 0 20px 0;
    height: auto;
}

div#form_greet div span {
    margin: 0 0 0 0px;
    font-size: 26px;
    display: block;
}

div#formBox dl {
    width: 100%;
    margin: auto;
    padding: 0 0 20px 0;
    margin: 0 auto 20px;
}

div#formBox dl dt {
    float: none;
    padding: 5px 0 5px 10px;
    margin: 0 0px 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #eae4d5;
    border-left: 4px solid #ad871b;
    background: #f5f5f5;
    width: auto;
}

div#formBox dl dd {
    padding: 5px 0px 10px 0px;
    margin: 0;
}

div#formBox dl dd.even {
    background: #fff;
}

span#addressConfirm {
    border: 1px solid #ff4400;
}

#course_dd label {
    border-bottom: 0px solid #b9b9b9;
}
#course_dd label p {
    font-size: 14px !important;
    line-height: 1.5;
    margin-right: 10px;
}
div#formBox dl dd span.price {
    font-size: 14px !important;
    line-height: 1.5;
    display: block;
    margin:0;
}
div#formBox dl dd input[type="radio"] {
    position: relative;
    top: 3px;
}
dd#option_dd{
    margin-bottom: 10px !important;
}
#option_dd label {
    padding: 7px 0;
}
#option_dd label input{
    top: 4px;
}
#option_dd label p {
    font-size: 14px !important;
    line-height: 1.5;
    margin-right: 10px;
}

.policyBox_inform h2 {
    margin: 25px 0 !important;
    font-size: 16px !important;
    padding: 10px 0 10px 5% !important;
    text-align: left !important;
}
div.cardBox span.formWrap {
    width: 33%;
}

#confirmBox {
    position: fixed;
    width: 95%;
    background: #fff;
    top: 5%;
    left: 50%;
    margin: 0 0 0 -47.5%;
    height: 90%;
}
#confirmBox h2 {
    width: 94%;
}
#confirmBox dl {
    width: 94%;
}
#confirmBox dl dt {
    font-size: 12px;
}
#confirmBox dl dd {
    padding: 10px 0 10px 110px;
}

#btnBox {
    width: 95%;
    position: fixed;
    bottom: 5%;
    left: 2.5%;
    height: 60px;
    margin: 0 0 0 0px;
}
#btnBox button {
    width: 45%;
}


/*------------------------------------------------
事務所概要
------------------------------------------------- */
.aboutDl dt{
    float:none;
    padding:10px 0 0;
}
.aboutDl dd{
    padding-left: 0;
    border-bottom: 1px solid #b18d5e4d;
}


/*----------------------------
contact お問い合わせ cntct
----------------------------*/
.cntctBox h2 {
    font-size: 18px
}
.cntctBox p {
    font-size: 13px
}
.cntctBox dl.tel {
    padding-top: 5px;
    padding-bottom: 5px;
}
.cntctBox dl.tel dt {
    float: none;
    width: 160px;
    padding: 10px 0 0;
}
.cntctBox dl.tel dd {
    padding: 0px 0 10px 0px;
}
.cntctBox dl.tel dd.tel {
    font-size: 30px;
    border: 5px solid #efefef;
    text-align: center;
    padding: 10px 0;
    line-height: 1;
    margin: 0 0 10px 0;
}

.cntctBox #formBox dl dd {
    padding: 5px 0px 15px 0px;
    border-top: none;
}
.wpcf7-form-control-wrap input{
    width: 100%;
}