/* ----------
http://nakanishi-paint.co.jp/drone/

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
---------- */

#home {}

.bg-sky {}
@media (min-width: 768px) {
	.bg-sky {
		background-image: url(../images/top/top-bg-img.jpg);
		background-repeat: repeat-y;
		background-size: 100% 100%;
		background-position: top center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
	}
}


/* top-slider スライダー */
#top-slider {}

.carousel-item:nth-child(1) {
	background-image: url(../images/top/slide-01.jpg);
}
.carousel-item:nth-child(2) {
	background-image: url(../images/top/slide-02.jpg);
}
.carousel-item:nth-child(3) {
	background-image: url(../images/top/slide-03.jpg);
}
.carousel-item:nth-child(4) {
	background-image: url(../images/top/slide-04.jpg);
}
.carousel-item:nth-child(5) {
	background-image: url(../images/top/slide-05.jpg);
}
.carousel-item:nth-child(6) {
	background-image: url(../images/top/slide-06.jpg);
}
.carousel-item {
	padding-bottom: 55%;
	background-repeat: no-repeat;
	background-size: auto;
	background-size: cover;
	background-position: top center;
}
@media (min-width: 768px) {
	.carousel-item {
		padding-bottom: 40.8%;
	}
}

.carousel-indicators {}
.carousel-indicators li {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin-right: 5px;
	margin-left: 5px;
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	.carousel-indicators li {
		transition: none;
	}
}
.carousel-indicators .active {
	background-color: #1e2c5a;
}


.top-slider-txt {
	width: 100%;
	height: 100%;
	background-image: url(../images/top/slide-text.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}


/* safe_drone ドローンの安全運行を */
#safe_drone {
	background-image: url(../images/top/top-bg-img.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
}
@media (min-width: 768px) {
	#safe_drone {
		background-image: none;
	}
}

.safe_drone-title {
	padding: 2rem 0 3rem;
}
@media (min-width: 768px) {
	.safe_drone-title {
		padding: 4rem 0 4.5rem;
	}
}

.safe_drone-title h2 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	font-weight: 900;
	line-height: 1.7;
}
@media (min-width: 768px) {
	.safe_drone-title h2 {
		font-size: 1.75rem;
		background-image: url(../images/top/01-01.png);
		background-repeat: no-repeat;
		background-size: 84% auto;
		background-position: center center;
	}
}
@media (min-width: 992px) {
	.safe_drone-title h2 {
		font-size: 2.25rem;
	}
}
@media (min-width: 1200px) {
	.safe_drone-title h2 {
		font-size: 2.75rem;
	}
}

.safe_drone-title h2 span {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 70%, #d9d499 20%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 70%, #d9d499 20%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 70%, #FFd9d499F 20%);
}
@media (max-width: 350px) {
	.safe_drone-title h2 span:last-child {
		letter-spacing: -.1em;
	}
}


#safe_drone-1 {
	padding-bottom: 5rem;
	position: relative;
	overflow-x: hidden;
	margin-bottom: 4rem;
}
@media (min-width: 576px) {
	#safe_drone-1 {
		padding-bottom: 8rem;
	}
}
@media (min-width: 768px) {
	#safe_drone-1 {
		padding-bottom: 0;
	}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
	#safe_drone-1 {
		padding-bottom: 4.25rem;
	}
}


.safe_drone-txt {
	background-color: #1e2c5a;
	color: #fff;
	width: 100%;
	padding: 3.75rem 15px 42vw;
}
@media (min-width: 576px) {
	.safe_drone-txt {
		padding: 3.75rem 15px 14rem;
	}
}
@media (min-width: 768px) {
	.safe_drone-txt {
		width: calc(50% + 15.4rem);
		transform: skewX(-12deg);
		padding: 5rem 0 4rem;
		margin-left: -7.5rem;
	}
}
@media (min-width: 992px) {
	.safe_drone-txt {
		width: calc(50% + 19.1rem);
		transform: skewX(-12deg);
		padding: 5rem 0 4rem;
		margin-left: -7.5rem;
	}
}
@media (min-width: 1200px) {
	.safe_drone-txt {
		width: calc(50% + 22rem);
		transform: skewX(-12deg);
		padding: 5rem 0 4rem;
		margin-left: -7.5rem;
	}
}


#safe_drone-1 .text {
	margin-bottom: 2rem;
}
@media (min-width: 768px) {
	#safe_drone-1 .text {
		transform: skewX(12deg);
		width: 365px;
		margin: 0 7.5rem 0 auto;
	}
}
@media (min-width: 992px) {
	#safe_drone-1 .text {
		width: 480px;
		margin: 0 11.5rem 0 auto;
	}
}
@media (min-width: 1200px) {
	#safe_drone-1 .text {
		width: 550px;
		margin: 0 15.75rem 0 auto;
	}
}


#safe_drone-1 .image1 {
	width: 15.5rem;
	margin: 0 auto 2.675rem;
}
@media (min-width: 768px) {
	#safe_drone-1 .image1 {
		width: 19rem;
	}
}
@media (min-width: 992px) {
	#safe_drone-1 .image1 {
		width: 22.5rem;
	}
}


.safe_drone-txt p {}
@media (min-width: 576px) {
	.safe_drone-txt p {
		width: 510px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) {
	.safe_drone-txt p {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 992px) {
	.safe_drone-txt p {
	}
}
@media (min-width: 1200px) {
	.safe_drone-txt p {
		margin-bottom: 1.25rem;
	}
}


#safe_drone-1 .image2 {
	width: 94%;
	position: absolute;
	bottom: 0;
	left: 16%;
}
@media (min-width: 576px) {
	#safe_drone-1 .image2 {
		width: 540px;
		bottom: 0;
		left: calc(50% - 190px);
	}
}
@media (min-width: 768px) {
	#safe_drone-1 .image2 {
		width: 520px;
		top: 3.125rem;
		bottom: auto;
		left: calc(50% + 20px);
	}
}
@media (min-width: 992px) {
	#safe_drone-1 .image2 {
		width: 650px;
		left: calc(50% + 40px);
	}
}
@media (min-width: 1200px) {
	#safe_drone-1 .image2 {
		width: 840px;
		left: calc(50% + 20px);
	}
}



#safe_drone-2 {}

.safe_drone-list {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
}
@media (min-width: 992px) {
	.safe_drone-list {
		margin-left: -22px;
		margin-right: -22px;
	}
}

.safe_drone-list li {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	.safe_drone-list li {
		width: 33.33333%;
	}
}
@media (min-width: 992px) {
	.safe_drone-list li {
		padding-left: 22px;
		padding-right: 22px;
		margin-bottom: 2.75rem;
	}
}

.safe_drone-list li div {}

.safe_drone-list li div a {
	display: block;
	color: #1e2c5a;
	padding: 28% 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	position: relative;
}
.safe_drone-list li.business div a {
	background-image: url(../images/top/03-01.jpg);
}
.safe_drone-list li.course div a {
	background-image: url(../images/top/03-02.jpg);
}
.safe_drone-list li.agriculture div a {
	background-image: url(../images/top/03-03.jpg);
}
.safe_drone-list li.price div a {
	background-image: url(../images/top/03-04.jpg);
}
.safe_drone-list li.surveying div a {
	background-image: url(../images/top/03-05.jpg);
}
.safe_drone-list li.juida div a {
	background-image: url(../images/top/03-06.jpg);
}

.safe_drone-list li div a:hover {
	text-decoration: none;
	background-size: 110% auto;
}

.safe_drone-list li div a::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(30,44,90,.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.safe_drone-list li div a:hover::after {
	background-color: rgba(255,255,255,0);
}

.safe_drone-list li div a span {
	background-color: #fff;
	font-size: .75rem;
	font-weight: 500;
	padding: .375rem .75rem;
	position: relative;
	z-index: 5;
}
@media (max-width: 350px) {
	.safe_drone-list li div a span {
		padding: .375rem .25rem;
	}
}
@media (min-width: 576px) {}
@media (min-width: 768px) {
	.safe_drone-list li div a span {
		font-size: 1.125rem;
	}
}
@media (min-width: 992px) {
	.safe_drone-list li div a span {
		font-size: 1.125rem;
		padding: .375rem 1rem;
	}
}


/* top-info お知らせ */
#top-info {
	background-color: #e6f2fa;
	padding: 3rem 0 4rem;
	margin-bottom: 3rem;
}
@media (min-width: 768px) {
	#top-info {
		background-color: #fff;
		padding: 4.5rem 0 6rem;
	}
}

/* top-blog ブログ */
#top-blog {}

/* top-sns ナカニシ公式SNS */
#top-sns {
	background-color: #e6f2fa;
	padding: 3rem 0;
}
@media (min-width: 768px) {
	#top-sns {
		background-color: #fff;
		padding: 5rem 0 3rem;
	}
}

.top-sns-inner {}
@media (min-width: 768px) {
	.top-sns-inner {
		display: flex;
		justify-content: space-between;
	}
	.top-sns-inner section {
		width: 31%;
	}
}

.title-sns {
	text-align: center;
	font-size: 1.3125rem;
	color: #a78c45;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 1rem;
}

#top-sns a:hover {
	text-decoration: none;
	opacity: .7;
}


/* Instagram */
#instagram {}

.list-insta {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list-insta li {
	width: 31.5%;
	margin-bottom: .5rem;
}

.list-insta li a {
	display: block;
	padding-bottom: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.list-insta li:nth-child(1) a {
	background-image: url(../images/top/06-01.jpg);
}
.list-insta li:nth-child(2) a {
	background-image: url(../images/top/06-02.jpg);
}
.list-insta li:nth-child(3) a {
	background-image: url(../images/top/06-03.jpg);
}
.list-insta li:nth-child(4) a {
	background-image: url(../images/top/06-04.jpg);
}
.list-insta li:nth-child(5) a {
	background-image: url(../images/top/06-05.jpg);
}
.list-insta li:nth-child(6) a {
	background-image: url(../images/top/06-06.jpg);
}
.list-insta li:nth-child(7) a {
	background-image: url(../images/top/06-07.jpg);
}
.list-insta li:nth-child(8) a {
	background-image: url(../images/top/06-08.jpg);
}
.list-insta li:nth-child(9) a {
	background-image: url(../images/top/06-09.jpg);
}



/* Youtube */
#youtube {}

.list-youtube {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list-youtube li {
	width: 48%;
	margin-bottom: 1rem;
}

.list-youtube li a div {
	display: block;
	padding-bottom: 56%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.list-youtube li:nth-child(1) a div {
	background-image: url(../images/top/07-01.jpg);
}
.list-youtube li:nth-child(2) a div {
	background-image: url(../images/top/07-02.jpg);
}
.list-youtube li:nth-child(3) a div {
	background-image: url(../images/top/07-03.jpg);
}
.list-youtube li:nth-child(4) a div {
	background-image: url(../images/top/07-04.jpg);
}

.list-youtube li a div::before {
	content: '';
	width: 100%;
	height: 100%;
	background-image: url(../images/parts/ico-aw3a-r.png);
	background-repeat: no-repeat;
	background-size: 1.5rem auto;
	background-position: center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.list-youtube li a p {
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.3;
}


/* Facebook */




/*  */



/*  */