<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";

/*------------------------------------------------
layout
-------------------------------------------------*/

/*上書き*/
.container {
	width:100%;
}

.innerBox{
	width:940px;
	margin:auto;
}

@media screen and (max-width:767px) {
	.innerBox{
	width:90%;
	}
}


@media screen and (max-width:767px) {
	article.container p
	{
	font-size:14px;
	}
}


/*-----------------------
背景色交互
-----------------------*/
article.container section:nth-child(even) {
	background-color: #edf2fa;
	padding:60px 0;
}

article.container section:nth-child(odd) {
	background-color: #fff;
	padding:60px 0;
}
@media screen and (max-width:767px) {
	article.container section:nth-child(even) {
	padding: 30px 0;
	}
	article.container section:nth-child(odd) {
	padding:30px 0;
	}
}


.keyimgBox {
	background-color: #005a99;
	background-image:url(/drone/images/bk_img.png);
	margin-bottom: -20px;
}

.keyimgBox&gt;div{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}


.keyimgBox&gt;div a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

@media screen and (max-width:767px) {
.keyimgBox&gt;div{
	width:100%;
	}
}

@media screen and (max-width:767px) {
	.container
	{
	width: 100%;
	}
}


/*----------------------------------
最初の文章
----------------------------------*/


.Prologue p
{
	color: #2690dd;
	padding-top: 60px;
	font-weight:bold;
	font-size:1.4rem;
	width:960px;
	margin:auto;
	text-align:center;
	margin-bottom:40px;
}


@media screen and (max-width:767px) {
	.Prologue p
	{
	width:90%;
	font-size: 1.15rem;
	padding-top:30px;
	margin-bottom:20px;
	}
}


/*----------------------
h2 見出しの上書き
----------------------*/

.mainBox &gt; .container h2{
	position:relative;
	margin-bottom: 0.8em;
	border-bottom: 2px solid #ccc;
	border-left: 13px solid #007fd8;
	font-size:1.9em;
	font-size:1.9rem;
	font-weight: bold;
	padding-left: 10px;
	color: #007fd8;
}

.mainBox &gt; .container h2::after{
	content:'';
	display:block;
	position:absolute;
	bottom: -2px;
	width:400px;
	height:0;
	border-top: 2px solid #007fd8;
	margin-left: -11px;
}

@media screen and (max-width:767px) {
.mainBox &gt; .container h2{

	font-size:1.4em;

}
	
.mainBox &gt; .container h2::after{
		/* スマホサイズ */
		content:'';
		display:block;
		position:absolute;
		bottom: -2px;
		width:50%;
		height:0;
		border-top:2px solid #007fd8;
	}
}


/*----------------------
h3 見出しの上書き
----------------------*/

.mainBox &gt; .container h3
{
	font-weight: 800;
	line-height: 1.3;
	border-bottom: transparent;
}

@media screen and (max-width:767px) {
	.mainBox &gt; .container h3
	{
	font-size: 1.2rem;
	}
}

.mainBox &gt; .container h3:after
{
	background:transparent;
}	

.mainBox &gt; .container h4{
	font-size:1.3rem;
	border-left: 8px solid #68aee0;
	font-weight: 800;
	color: #666;
	padding-left: 10px;
	margin-top: 40px;
}

/*---------------------------
上書き
---------------------------*/

table td{ vertical-align: top;}

/*---------------------------
におすすめ
---------------------------*/
ul.discBox
{	
	background: #e8ebfb;
	padding:1rem;
	border-radius: 10px;
}


ul.discBox li
{
	margin-bottom:10px;
}


ul.discBox li:last-chld
{
	margin-bottom:0;
}

.alert02 {
		background: #e3efff !important;
}
.alert03 {
    background: #0e0a0b1a !important;
}
/*----------------------
文字装飾
----------------------*/
article.container p.att,
span.att {
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-thickness: 1px; /* 線の太さを設定 */
    text-underline-offset: 2px; /* 文字とアンダーラインの間隔を設定 */
}

p.att_red,
span.att_red {
    font-size: 1.4rem;
    color: #f44336;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-thickness: 2px; /* 線の太さを設定 */
    text-underline-offset: 2px; /* 文字とアンダーラインの間隔を設定 */
}

.red
{
	color:#F44336;	
}

/*---------------------------
マージン・パディング追加
---------------------------*/
.mgT40 {
	margin-top:40px !important;
}

.mgT50 {
	margin-top:50px !important;

}
.mgT60 {
	margin-top:60px !important;
}
.mgB40 {
	margin-bottom:40px !important;
}

.mgB50 {
	margin-bottom:50px !important;

}
.mgB60 {
	margin-bottom:60px !important;
}

.pdT40 {
	padding-top:40px !important;
}

.pdT50 {
	padding-top:50px !important;

}
.pdT60 {
	padding-top:60px !important;
}
.pdB40 {
	padding-bottom:40px !important;
}

.pdB50 {
	padding-bottom:50px !important;

}
.pdB60 {
	padding-bottom:60px !important;
}
/*---------------------------
チェックマーク　リスト
---------------------------*/
div.checkBOX
{
	background:#f2f2f2;
	padding: 2rem;
	border-radius:10px;
	margin-bottom:20px;
	border: solid 4px #ddd;
}


ul.check_list li
{
	padding-bottom: 24px;
	display: flex;
	align-items: center;
	font-weight: 800;
	line-height: 1.3;
}

/* スマホの場合の縦並び */
@media screen and (max-width: 767px) {
	div.checkBOX
	{
	padding:2rem 1rem;
	}
	ul.check_list li
	{
	font-size: 1rem;
	}
}


	
ul.check_list li:last-child
{
	padding-bottom:0px;
}


ul.check_list li:before
{
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(/drone/images/ic_check.png);
	background-size: contain;
	vertical-align: middle;
	margin-right:10px;
	background-repeat: no-repeat;
}

/* スマホの場合の縦並び */
@media screen and (max-width: 767px) {
ul.check_list li:before
	{
	height: 15px;
	}
}

/*-----------------
discの装飾
-----------------*/
div.discBOX
{
	background:#f2f2f2;
	padding: 2rem;
	border-radius:10px;
	margin-bottom:20px;
	border: solid 4px #ddd;
}

ul.disc
{
	padding: 15px;
}

ul.disc li
{
	padding-bottom: 15px;
	line-height:1.2;
}


ul.disc li:last-child
{
	padding-bottom:0px;
}

@media screen and (max-width:767px) {
	div.discBOX
	{
	padding: 1rem;
	}
}

ul.disc_box
{
	background:#e6f6f2;
	padding: 2em;
	border-radius: 10px;
}


ul.disc_box li
{
}




div.discBOX p
{
	font-weight:800;
}

div.discBOX ul.disc li
{
	font-size:1.2rem;
	font-weight:800;
}

.message h3 {
	display: table;
	border-bottom: solid;
	margin: 0 auto 40px;
	padding-bottom: 10px;
	border-bottom: solid;
}

.message
{
	background:#005a99;
	color:#fff;
	padding: 4rem 10rem;
}


.message p
{
	/* width:80%; */
	margin: 0 auto;
}

/* スマホの場合の縦並び */
@media screen and (max-width: 767px) {
	.message h3 {
    border-bottom: solid;
	margin: 0 auto 25px;
    padding-bottom: 10px;
    border-bottom: solid;
	}

	.message
	{
	padding:1.2rem;
	padding: 2rem;
	}
}





/*----------------------
ボタンカラーの上書き
----------------------*/
.btnRed,
.btnBlue,
.btnGreen
{
	background:#d3333c;
	background-image: -webkit-linear-gradient(left, #fe4b4b 30%, #FF9800 100%);
	border-radius:100px;
	font-weight:800;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
	text-align: center;
	transition: all 0.3s;
}


.btnBlue
{
	background:#005998;
	background-image: -webkit-linear-gradient(left, #005998 30%, #00BCD4 100%);
	padding:15px 30px;
}


.btnGreen
{
background: #009688;
	background-image: -webkit-linear-gradient(left, #40bc73 20%, #31c258 40%, #CDDC39 100%) !important;
		padding:15px 30px;
}

.btnRed:hover {

	background:#ff1b1b;
	box-shadow: none;
	text-decoration:none;
	 opacity: 1.0;
}
.btnBlue:hover {
	background:#0571be;
	 box-shadow: none;
	text-decoration:none;
}
	
@media screen and (max-width:767px) {
	.block-mb.btnLink {
		width: 95%;
		margin:auto auto 20px;
		border-radius: 25px;
	}
}



/*---------------------------
フロー
---------------------------*/

.flow
{
	display:flex;
}

.flow_box
{
	border-radius:10px;
	border:solid 5px #8bbcd9;
	padding:20px;
	font-weight:bold;
		display: flex;
	justify-content:center;
	align-items: center;
	font-size:1.1rem;
	line-height:1.2;
	}

/* スマホの場合の縦並び */
@media screen and (max-width: 767px) {
	.flow
	{
	display:block;
	text-align:center;
	}
	.flow_box
	{
	border:solid 3px #8bbcd9;
	}
	.flow img{
	transform: rotate(90deg);/* CSS3の書き方 */
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);/* Firefox用 */
	-webkit-transform: rotate(90deg);/* Chrome,Safari,新しいOpera用 */
	-o-transform: rotate(90deg);/* 古いOpera用 */
	margin:auto
	}
}


/*----------------------
ページ内リンク
----------------------*/

.NavBox
{
	width: 940px;
	margin: auto;
	padding:1rem;
	border-radius: 10px;
	border: solid 5px #98bce8;
	background: #eaf2fa;
}

@media screen and (max-width:767px) {
/*スマホサイズ*/
	.NavBox
	{
	width:90%;	
	margin:0 auto;
	border: solid 3px #abd7fa;
	}
}

.groupNav {
	padding:0.7em 0;
}
.groupNav:after {
	content: "";
	clear: both;
	display: block;
}
.groupNav li {
	float:left;
	text-indent:0;
	width:auto;
	padding: 8px;
}

@media screen and (max-width:767px) {
	.groupNav {
	padding:0;
	}
	.groupNav li {
	padding:3px;
	margin-right:1em;
	}
}


.groupNav li:last-child {
	padding-bottom:0;	
}

ul.groupNav a{
	color: #2369c1;
}

.tLink-a {
	position: relative;
	display: block;
	padding-left: 20px;
	background-image: none;
}

.tLink-a:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #2369c1;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
}
.tLink-a:after {
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -3px;
}


/*階下層ページ*/

.NavBox02
{
	margin: auto;
	padding:0.5rem 1rem;
	border-radius: 10px;
	border: solid 5px #98bce8;
	background: #eaf2fa;
}

@media screen and (max-width:767px) {
/*スマホサイズ*/
	.NavBox02
	{
	width:90%;	
	margin:0 auto;
	border: solid 3px #abd7fa;
	}
}

.groupNav02 {
	padding:0.7em 0;
}
.groupNav02:after {
	content: "";
	clear: both;
	display: block;
}
.groupNav02 li {
	text-indent:0;
	width:auto;
	padding: 5px;
}

@media screen and (max-width:767px) {
	.groupNav02 {
	padding:0;
	}
	.groupNav02 li {
	padding:3px;
	margin-right:1em;
	}
}

.groupNav02 li:last-child {
	padding-bottom:0;	
}

ul.groupNav02 a{
	color: #2369c1;
}

/*----------------------
お申込
----------------------*/
section.order
{
	background-image:url(/drone/images/bk_order.jpg);
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	text-align:center;
	color:#fff;
}


@media screen and (max-width:767px) {
	section.order
	{
	background-size:cover;
	}
}	

article.container section.order h2
{
	color:#fff;
	text-align:center;
	border:transparent;
}

article.container section.order h2:after
{
	border:transparent;
}

/*お申込ボタンのサイズ*/
section.order .block-mb.btnLink {
		width: 50%;
		margin:auto auto 20px;
	}
@media screen and (max-width:767px) {
	section.order .block-mb.btnLink {
		width: 95%;
		margin:auto auto 20px;
	}
}


/*----------------------
講座ラインナップ
----------------------*/
section#lineup
{
	background-image:url(/drone/images/bk_lineup.jpg);
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
}

section#lineup .innerBox
{
	position: relative;
	/*
	background:#fff;
	padding: 2em;
	border-radius:10px;
	*/
	margin-top: 100px;
}

@media screen and (max-width:767px) {
	section#lineup
	{
	background-size:cover;
	}
}	

article.container h2.lineup
{
	color:#fff;
	text-align:center;
	border:transparent;
}

article.container h2.lineup:after
{
	border:transparent;
}

/*BEGINNER&amp;AGRI*/
h3.BEGINNER{
	color: #06d159;
}
h3.AGRI{
	color: #fe4b4b;
}

/*スイッチの上書き*/
section#lineup .innerBox ul.swich{
	position:absolute;
	top: -60px;
	left:0;
	display:flex;
	z-index: 1;
}

section#lineup .innerBox ul.swich li{
	background:#fff;
	padding:1em;
	border-radius: 1em 1em 0 0;
}

ul.swich li.swich_1,
ul.swich li.swich_2{
	margin-right: 10px;
	font-weight:800;
	font-size:1.3rem;
	background: #009688;
	background-image: -webkit-linear-gradient(left, #40bc73 20%, #31c258 60%, #CDDC39 100%) !important;
	text-decoration:none;
}

@media screen and (max-width:767px) {
	
ul.swich li.swich_1,
ul.swich li.swich_2{
	font-size:1.0rem;
	}
}

.display_1,
.display_2
{
	position: relative;
	background:#fff;
	padding: 2em;
	border-radius:10px;
	border: solid 5px #40bc73;
	z-index: 10;
}

.display_2
{	
	
	border:solid 5px #fe4b4b;
	
}

ul.swich li.swich_2{
	margin-right:0;
	background:#fe4b4b!important;
	background-image: -webkit-linear-gradient(left, #fe4b4b 30%, #FF9800 100%)!important;
}

*[class*="swich"]{
	/* cursor:pointer; */
	color:#fff!important;
}
*[class*="swich"]:hover{
	text-decoration:underline;
}
.display_2,
.display_3,
.display_4{
	display:none;
}

.mainBox &gt; .container .display_1 h4{
	border-left: 8px solid #aed73f;
}

.mainBox &gt; .container .display_2 h4{
	border-left: 8px solid #ffa097;
}

.display_1 ul.disc_box
{
	background:#eaf8ef;
}

.display_2 ul.disc_box
{
	background: #ffebe9;
}


/*----------------------
メリット
----------------------*/
dl.meritBOX
{
	position: relative;
	padding:2em 2em 2em 8em;
	background:#edf2fa;
	border-radius:1em;
	margin-bottom:1em;
	
}
dl.meritBOX:last-child
{
	margin-bottom:0;
}


dl.meritBOX img.ic_merit
{
	position:absolute;
	content:"";
	top:-15px;
	left:-10px;
}


@media screen and (max-width:767px) {
	dl.meritBOX
	{
	position: relative;
	padding: 1em 1em 1em 6em;
	background:#edf2fa;
	border-radius:1em;
	margin-bottom:1em;
	}

	dl.meritBOX img.ic_merit
	{
	width: 80px;
	top:-10px;
	}
}


































</pre></body></html>