@charset "UTF-8";
@charset "UTF-8";

   body.mceContentBody {
font: 14px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow-wrap: break-word; word-break: normal;
}
.editor-area a {
color: #339933;
text-decoration: underline;
}
.editor-area h3 {
padding: 3px 13px 6px;
font-size: 116%;
color: #666666;
margin-bottom: 1em;
border-bottom: 1px solid #CCCCCC;
}  .list-mv05,
.list-mv06,
.list-mv07,
.list-mv08,
.list-mv09{
opacity: 0;
transition: 2s;
}
.list-mv05{
transform: rotateY(180deg) scale(.5);
}
.list-mv06{
transform: translate(0,30%); 
}
.list-mv07{
transform: translate(0,30%) scale(1) rotateY(90deg); 
}
.list-mv08{
transform: translate(5%,0) scale(1);
}
.list-mv09{
transform: translate(0,-20%) scale(1) rotateY(90deg);
}
.mv05,
.mv06,
.mv07,
.mv08,
.mv09{
opacity: 1.0;
transform: translate(0,0) scale(1) rotateY(0deg);
} .bold{font-weight: bold !important;}
.mincho{font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.gochic{font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";} @media screen and ( max-width:700px){
.mdn{display: none !important;}
.m_txc{text-align: center !important;}
.m_txr{text-align: right !important;}
.m_flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemcenter{align-items: center;}
.m_itemstart{align-items:flex-start;}
.m_itemend{align-items: flex-end;}
.m_justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifyaround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.m_justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
} @media screen and (min-width:701px) {
.ddn{display:none !important;}
.minwidth6{min-width:600px;width:60%;margin:0 auto;}
.minwidth7{min-width:600px;width:70%;margin:0 auto;}
.minwidth8{min-width:680px;width:80%;margin:0 auto;}
.minwidth9{min-width:700px;width:90%;margin:0 auto;}
.txc{text-align: center !important;}
.txr{text-align: right !important;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.itemstart{align-items: flex-start;}
.itemcenter{align-items: center;}
.itemend{align-items: flex-end;}
.justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.justifyaround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
.mincho{font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
}

*{
margin:0;
padding:0;
}
body{
font-size:1.10vw;
font-weight:medium;
font-family:"Mplus 1p","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #f0f9e9;
} _::content, _:future, body { 
font-size:1.14vw;
} @-moz-document url-prefix() {
body {
font-size:1.10vw;
}
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
line-height:150%;
} 
header,footer,article,section,nav,small,aside,div,ul,li,h1,h2,h3,h4,h5{
display:block;
box-sizing:border-box;
position:relative;
}
li{
list-style:none;
}
img{
display:block;
outline:none;
width:100%;
height:auto;
}
a{
text-decoration:none;
}
iframe{
border:none;
min-width:100%;
min-height:100%;
width:100%;
height:100%;
}
table{
border-collapse:separate;
}
th,td{
font-weight:normal;
}
th{
text-align:left;
}
td{
text-align:left;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
} #wrap{
min-width:800px;
width:100%;
padding-top:4.5em;
} #oheader{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
padding:0 10%;
align-items: center;
position:fixed;
top:0;
left:0;
min-width:800px;
width:100%;
z-index:9999;
background:white;
border-bottom:.1em solid #aaa;
height:4.5em;
}
#head-l{
width:34%;
margin-right:auto;
}
#head-r{
width:24%;
}
#head-r p:nth-of-type(1){
font-size: 200%;
transform: scaleY(1.2);
line-height: 100%;
padding-left: .2em;
}
#head-r p:nth-of-type(2){
font-size:80%;
}
#head-rr{
width:28%;
margin:0 1em;
}
#head-rr:before{
content: "";
border-right: 1.3em solid transparent;
border-top: 3em solid #03ad00;
position: absolute;
top: 0;
right: -1.3em;
}
#head-rr p:nth-of-type(1) a{
padding:.7em 1em;
background:#03ad00;
color:white;
display: block;
}
#head-rr p:nth-of-type(1) a:hover{
animation:headrr .4s forwards;
text-decoration: underline;
}
#head-rr p:nth-of-type(1) a span{
font-size:140%;
font-weight: bold;
margin-right:.2em;
line-height: 100%;
position:relative;
}
#head-rr p:nth-of-type(1) a span:before{
content:"";
position:absolute;
left:0;
bottom:-5px;
border-bottom:3px double red;
width:100%;
}
#head-rr p:nth-of-type(2) a{
color:black;
}
#head-rr p:nth-of-type(2){
position: relative;
padding-left:.7em;
}
#head-rr p:nth-of-type(2):before{
content: "";
border: .4em solid transparent;
border-left: .6em solid black;
position: absolute;
left: 0;
top: .3em;
}
#head-rr:hover:before{
animation:headrr .4s forwards;
}
@-webkit-keyframes headrr{100%{opacity:.8}}
@-moz-keyframes headrr{100%{opacity:.8}}
@keyframes headrr{100%{opacity:.8}} #hanamomo{
padding: 2em 12% 0;
margin-bottom:3em;
}
#hanamomo h2 {
font-size: 300%;
font-style: italic;
margin-bottom: .4em;
}
#hanamomo p:nth-of-type(2){
font-size:140%;
font-weight: bold;
margin:.4em 0;
padding-bottom:2em;
border-bottom:1px solid #ccc;
} #school1a h2{
font-size: 180%;
text-align: center;
padding: 2em 0 4em;
width: 100%;
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school2.png)center bottom no-repeat;
background-size: 50% auto;
}
#school1a h2 span span{
font-size:200%;
text-shadow: 1px 1px 0 white, 2px 2px 0 #ad912e;
}
#school1a h2>span{
position: relative;
}
#school1a h2>span:before{
content: "";
height: 3em;
width: 3em;
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp2/logo.png)center no-repeat;
background-size: auto 100%;
position: absolute;
left: -4em;
top: 0;
}
#school1{
align-items: center;
padding:3em 12% 0;
}
#school1>div:nth-of-type(1){
width:20%;
}
#school1>div:nth-of-type(2){
width:78%;
margin-left:auto;
}
#school1>div:nth-of-type(2)>p{
font-size: 310%;
font-weight: bold;
font-style: italic;
line-height:100%;
}
#school1>div:nth-of-type(2)>p>span{
text-align: right;
font-size:30%;
} #school2{
padding:0 12% 3em;
}
#school2>div:nth-of-type(1),
#school2>div:nth-of-type(2){
width:49%;
}
#school2>div:nth-of-type(1) li{
margin-bottom:1em;
}
#school2>div:nth-of-type(1) h3{
border-left: .5em solid #0f50a0;
border-bottom: .1em solid #0f50a0;
padding-left: 1em;
line-height: 200%;
color: #0f50a0;
font-size: 130%;
position: relative;
margin-bottom: .5em;
width:40%;
}
#school2>div:nth-of-type(1) h3:before{
content: "";
position: absolute;
left: .1em;
top: 0;
height: 100%;
border-left: .2em solid #0f50a0;
}
#school2>div:nth-of-type(2){
padding-top:2em;
}
#school2>div:nth-of-type(3){
width:100%;
border:.2em solid #0050c7;
border-radius: .2em;
padding:1em 0 1em 1em;
}
#school2>div:nth-of-type(3) p{
font-size:180%;
line-height:120%;
}
#school2>div:nth-of-type(3) small{
font-size:150%;
line-height:100%;
}
#school2>div:nth-of-type(3) small span{
font-size:150%;
transform:scaleY(1.2);
display: inline-block;
}
#school2>div:nth-of-type(4) p{
background: red;
color: white;
padding: .4em 3em .6em;
position: relative;
align-self: flex-start;
margin-right: 2em;
width: 15.2%;
}
#school2>div:nth-of-type(4) p:before{
content: "";
border-right: 1.3em solid transparent;
border-top: 2.5em solid red;
position: absolute;
top: 0;
right: -1.3em;
} #school7{
padding:5em 12% 0;
}
#school7 .coursetable{
border-bottom:.5em solid #0f50a0;
}
#school7 .coursetable:before{
content:"";
position:absolute;
left:calc(50% - 2em);
bottom:-4em;
border:2em solid transparent;
border-top:2em solid #0f50a0;
}
#school7>div:nth-of-type(3){
padding-top:6em;
}
#school7>div:nth-of-type(3)>div:nth-of-type(1){
width:55%;
padding-bottom:6em;
}
#school7>div:nth-of-type(3)>div:nth-of-type(1)>p:nth-of-type(1){
font-size:145%;
margin-bottom:1em;
}
#school7>div:nth-of-type(3)>div:nth-of-type(1)>p:nth-of-type(2){
padding-right:2em;
}
#school7>div:nth-of-type(3)>div:nth-of-type(2){
width:44%;
}
#school7>div:nth-of-type(4){
border:.2em solid #00b4ff;
width:80%;
margin:0 auto;
}
#school7>div:nth-of-type(4):before,
#school7>div:nth-of-type(4):after{
content: "";
position: absolute;
top: 0;
border: 9.3vw solid transparent;
}
#school7>div:nth-of-type(4):before{
right: -17vw;
border-left: 7vw solid #0f50a0;
}
#school7>div:nth-of-type(4):after{
left: -17vw;
border-right: 7vw solid #0f50a0;
}
#school7>div:nth-of-type(4)>div:nth-of-type(1){
background: #00b4ff;
font-size: 580%;
padding: .3em .4em;
line-height: 110%;
}
#school7>div:nth-of-type(4)>div:nth-of-type(2){
width: 68%;
padding: 2em 0em 0 1.5em;
font-size: 180%;
}
#school7>div:nth-of-type(4)>div:nth-of-type(2)>p:nth-of-type(1){
font-size:120%;
}
#school7>div:nth-of-type(4)>div:nth-of-type(2)>p:nth-of-type(2){
font-size:180%;
line-height:120%;
}
#school7>div:nth-of-type(4)>div:nth-of-type(2)>p span:nth-of-type(1){
font-size:140%;
color:red;
}
#school7>div:nth-of-type(4)>div:nth-of-type(2)>p span:nth-of-type(2){
font-size:60%;
}
#school7>div:nth-of-type(5){
margin-top:3em;
}
#school7y{
height:17em;
} #school9{
padding:0 12%;
}
#school9 .coursetable>div:nth-of-type(1){
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp2/school9-002@2.jpg)center right no-repeat;
background-size:auto 120%;
}
#school9 .coursetable {
border-bottom: .5em solid #0f50a0;
}
#school9 .coursetable small{
padding-right:19em;
} #school10{
padding:0 12%;
}
#school10 h2{
padding-left:2em;
}
#school10 h2:before{
content:"";
width:1em;
height:.95em;
background:black;
transform:rotate(45deg);
position:absolute;
top:.2em;
left:0;
}
#school10>div{
text-align: right;
padding-top:1em;
}
#school10>div>p:nth-of-type(1){
font-size:150%;
}
#school10>div>div{
font-size:90%;
color:#777;
} #school13a{
padding:0 12% 0;
}
#school13a .coursetable{
border-bottom: .5em solid #840d0f;
}
#school13a .coursetable:before {
content: "";
position: absolute;
left: calc(50% - 2em);
bottom: -4.1em;
border: 2em solid transparent;
border-top: 2em solid #840d0f;
}
#school13a .coursetable>div:nth-of-type(1) {
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school9-002@2.jpg)center right no-repeat;
background-size: auto 110%;
}
#school13a .coursetable>div>p:nth-of-type(2){
color:#e01e24;
}
#school13a .coursetable small {
padding-right: 19em;
} #school13{
padding:3em 12% 0;
}
#school13 h2 {
padding-left: 2em;
margin-bottom:1em;
}
#school13 h2:before {
content: "";
width: 1em;
height: .95em;
background: black;
transform: rotate(45deg);
position: absolute;
top: .2em;
left: 0;
}
#school13>ul>li{
padding:1em 0;
border-bottom:.1em solid #aaa;
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
}
#school13>ul>li h3 {
border-left: .5em solid #e01e24;
border-bottom: .1em solid #e01e24;
padding-left: 1em;
line-height: 200%;
color: #e01e24;
font-size: 130%;
position: relative;
margin-bottom: .5em;
}
#school13>ul>li h3:before {
content: "";
position: absolute;
left: .1em;
top: 0;
height: 100%;
border-left: .2em solid #e01e24;
}
#school13>ul>li:nth-of-type(1){
width:100%;
}
#school13>ul>li:nth-of-type(1)>div:nth-of-type(1){
width:35%;
padding-right:1em;
}
#school13>ul>li:nth-of-type(1)>div:nth-of-type(1) p span{
font-size:120%;
}
#school13>ul>li:nth-of-type(1)>div:nth-of-type(1) small{
color:#777;
margin-top:1em;
}
#school13>ul>li:nth-of-type(1)>div:nth-of-type(2){
width:65%;
}
#school13>ul>li:nth-of-type(1)>div:nth-of-type(2) p:nth-of-type(2){
font-size:140%;
font-weight: bold;
margin-top:.5em;
}
#school13>ul>li:nth-of-type(1)>div:nth-of-type(2) p:nth-of-type(2) span{
font-size:120%;
}
#school13>ul>li:nth-of-type(2){
width:60%;
border-right:.2em solid #ddd;
}
#school13>ul>li:nth-of-type(2)>div:nth-of-type(1){
width:78%;
padding-right:2em;
}
#school13>ul>li:nth-of-type(2)>div:nth-of-type(1) p span{
font-weight: bold;
}
#school13>ul>li:nth-of-type(2)>div:nth-of-type(1) small{
text-align: right;
color:#777;
}
#school13>ul>li:nth-of-type(2)>div:nth-of-type(2){
width:22%;
padding-right:1em;
}
#school13>ul>li:nth-of-type(3){
width:40%;
}
#school13>ul>li:nth-of-type(3)>div:nth-of-type(1){
padding:0 1em;
width:50%;
}
#school13>ul>li:nth-of-type(3)>div:nth-of-type(2){
width:50%;
}
#school13>ul>li:nth-of-type(4){
width:45%;
-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
border-right:.2em solid #ddd;
padding-right:1em;
}
#school13>ul>li:nth-of-type(4) h3{
width:100%;
}
#school13>ul>li:nth-of-type(4) p:nth-of-type(1){
width:100%;
padding:0 30%;
}
#school13>ul>li:nth-of-type(4) p:nth-of-type(2) span{
font-size:150%;
}
#school13>ul>li:nth-of-type(5){
width:55%;
}
#school13>ul>li:nth-of-type(5)>div:nth-of-type(1){
padding:0 2em;
width:70%;
}
#school13>ul>li:nth-of-type(5)>div:nth-of-type(1) p span{
font-size:120%;
}
#school13>ul>li:nth-of-type(5)>div:nth-of-type(2){
width:30%;
padding-top:3em;
}
#school13>ul>li:nth-of-type(6){
width:100%;
}
#school13>ul>li:nth-of-type(6)>div:nth-of-type(1){
width:60%;
padding-right:2em;
}
#school13>ul>li:nth-of-type(6)>div:nth-of-type(1) p:nth-of-type(1){
margin-bottom:1em;
}
#school13>ul>li:nth-of-type(6)>div:nth-of-type(1) small{
color:#777;
margin-top:1em;
}
#school13>ul>li:nth-of-type(6)>div:nth-of-type(2){
width:40%;
}
#school13>div:nth-of-type(1) {
text-align: right;
padding-top: 1em;
}
#school13>div:nth-of-type(1)>p:nth-of-type(1) {
font-size: 150%;
}
#school13>div:nth-of-type(1)>div {
font-size: 90%;
color: #777;
}
#school13>div:nth-of-type(2){
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school14-12@2.jpg)center no-repeat;
background-size:auto 100%;
color:white;
font-size:300%;
line-height:500%;
text-align: center;
font-weight: bold;
} #school14{
width:76%;
margin:0 auto 3em;
}
#school14>div:nth-of-type(1){
padding:2em 2em 0;
background:#eee;
}
#school14>div:nth-of-type(1)>div:nth-of-type(1){
width:67%;
font-size:150%;
}
#school14>div:nth-of-type(1) h2{
background:red;
color:white;
margin:-2em 0 0 -2em;
padding:.5em;
width:54%;
}
#school14>div:nth-of-type(1) h2:before{
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid .7em transparent;
border-right: solid .7em red;
}
#school14>div:nth-of-type(1) h2:after{
position: absolute;
content: '';
top: 0;
right: -2em;
border: none;
border-right: solid 2em transparent;
border-top: solid 2.5em red;
}
#school14>div:nth-of-type(1)>div:nth-of-type(1) p{
margin-top:1em;
}
#school14>div:nth-of-type(1)>div:nth-of-type(1) span{
font-size:150%;
}
#school14>div:nth-of-type(1)>div:nth-of-type(2){
width: 33%;
align-self: center;
}
#school14>div:nth-of-type(2){
padding:0 2em 2em;
background:#eee;
}
#school14>div:nth-of-type(3){
padding:2em 10%;
}
#school14>div:nth-of-type(3) p:nth-of-type(2){
font-size:180%;
text-align: center;
margin-top:2em;
}
#school14 table{
border-spacing: 1px;
background:#ddd;
}
#school14 th{
background:#0f50a0;
color:white;
padding:.7em 1em;
}
#school14 td{
background:white;
padding:.7em 1em;
} #school15{
padding:0 12% 3em;
}
#school15>div:nth-of-type(1){
padding-top:1em;
width:100%;
}
#school15>h2 {
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school15h2back.png)center no-repeat;
background-size:100%;
color: white;
font-size: 400%;
text-align: center;
height: 3em;
line-height: 230%;
text-shadow: -1px -1px 0 black;
}
#school15>h2:after{
content: "";
width: 70%;
position: absolute;
left: 15%;
bottom: 40%;
border-bottom: 3px solid white;
}
#school15>h2 span{
font-size: 70%;
margin-right: .4em;
}
#school15>div:nth-of-type(1)>div:nth-of-type(1) h2:after {
position: absolute;
content: '';
top: 0;
right: -2em;
border: none;
border-right: solid 2em transparent;
border-top: solid 2.5em red;
}
#school15>div:nth-of-type(1)>div:nth-of-type(1){
width:78%;
}
#school15>div:nth-of-type(1)>div:nth-of-type(1) p{
margin-top:1em;
padding-right:1em;
}
#school15>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2){
font-size:170%;
}
#school15>div:nth-of-type(1)>div:nth-of-type(2){
width:22%;
}
#school15>div:nth-of-type(2){
margin-top:3em;
}
#school15>div:nth-of-type(1)>div:nth-of-type(3){
width:100%;
}
#school15>div:nth-of-type(1)>div:nth-of-type(3) .red{
font-size: 180%;
font-style: italic;
background: yellow;
margin-bottom: 1em;
line-height: 200%;
}
#school15 ul{
width:100%;
}
#school15 li{
width:32%;
}
#school15 li video{
width:100%;
}
#school15 li:hover{
opacity:.6;
}
#s15btn{
background:#0009a0;
color: white;
font-size: 200%;
padding: .4em 1em;
box-shadow: 0em 1em 1em -1em black;
border-radius: 1em;
margin: 1em auto;
width: 90%;
text-align: center;
cursor: pointer;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#s15btn:hover{
box-shadow: 0 0 .4em #aaa;
}
#s15btn span{
font-size:140%;
} #school16{
padding:5em 12%;
}
#school16>p:nth-of-type(1){
background:black url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school19-00-1@2.png)center right 3em no-repeat;
background-size:auto 80%;
color:white;
font-size:120%;
padding:3em 0 1em 4em;
font-weight: bold;
position:relative;
}
#school16>p:nth-of-type(1):before{
content: "";
position: absolute;
left: 2em;
top: 3.5em;
border: .5em solid transparent;
border-top: .7em solid red;
}
#school16>p:nth-of-type(2){
padding:0 3em;
background:black;
}
#school16>p:nth-of-type(2) img{
border-bottom:1em solid red;
}
#school16>div{
background:black;
color:white;
padding:1em 3em 2em;
}
#school16 table{
background:red;
border-spacing: 1px;
width:100%;
margin-bottom:.5em;
}
#school16 td{
background:black;
padding:3em 1em;
position:relative;
font-weight: bold;
text-align: center;
}
#school16 td:not(:nth-of-type(2)) p:nth-of-type(1){
position:absolute;
left:0;
top:0;
background:red;
padding:.5em 1em;
}
#school16 td:not(:nth-of-type(2)) p:nth-of-type(1):before{
content: "";
border-right: 2em solid transparent;
border-top: 2.5em solid red;
position: absolute;
right: -2em;
top: 0;
}
#school16 td:nth-of-type(1){
width:30%;
}
#school16 td:nth-of-type(1) p:nth-of-type(2){
font-size:130%;
}
#school16 td:nth-of-type(2){
width:42%;
text-align: left;
font-weight: normal !important;
padding:3em 0 3em 3em;
}
#school16 td:nth-of-type(2)>p:nth-of-type(1){
font-size:110%;
}
#school16 td:nth-of-type(2) small{
font-size:80%;
margin-top:1em;
}
#school16 td:nth-of-type(3){
width:28%;
}
#school16 td:nth-of-type(3) p:nth-of-type(2){
font-size:150%;
}
#school16 td:nth-of-type(3) span{
font-size:60%;
}
#school16>div>p{
color:#ddd;
font-size:90%;
} #school17{
padding:3em 12% 0;
}
#school17>p:nth-of-type(1){
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school17-01-1@2.jpg)center right 3em no-repeat;
background-size: auto 80%;
font-size: 140%;
padding: 3em 0 1em 2em;
font-weight: bold;
position: relative;
}
#school17>p:nth-of-type(1):before {
content: "";
position: absolute;
left: .5em;
top: 3.5em;
border: .5em solid transparent;
border-top: .7em solid red;
}
#school17>div{
margin-top:1em;
}
#school17>div>div{
width:49%;
height:20em;
}
#school17y-1,
#school17y-2{
height:19em;
}
#school17y-1 iframe{
min-height:92%;
height:92%;
} #school18{
padding:0 12%;
}
#school18 h2{
font-size:200%;
padding:.4em;
}
#school18 h2 span{
font-size:70%;
margin-left:1em;
font-weight: normal;
}
#school18>div>div>div{
width:50%;
}
#school18 img:hover{
opacity: .6;
}
#school18 video{
width:100%;
height:100%;
display:block;
} #school22{
padding:5em 12%;
}
#school22>div:nth-of-type(1) p:nth-of-type(1){
width: 38.5%;
}
#school22>div:nth-of-type(1) p:nth-of-type(2){
font-size: 160%;
font-weight: bold;
font-style: italic;
padding-top: .3em;
}
#school22>p:nth-of-type(1){
padding:0 10%;
}
#school22>p:nth-of-type(1){
font-size:200%;
font-weight: bold;
font-style:italic;
margin-top: 1em;
text-align: center;
}
#school22>p:nth-of-type(2){
font-size:200%;
text-align: center;
font-weight: bold;
font-style:italic;
line-height: 120%;
margin-bottom:1em;
}
#school22>p:nth-of-type(3) span{
font-size:150%;
}
#school22>p:nth-of-type(3){
padding:0 3em;
font-weight: bold;
font-size:96%;
}
#school22>p:nth-of-type(4){
padding:0 3em 2em;
font-size:96%;
}
#school22>div:nth-of-type(2)>div{
width:50%;
padding:1em;
}
#school22>div:nth-of-type(2)>div:nth-of-type(1){
height:20em;
}
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(1),
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(2){
font-size:120%;
}
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(1){
line-height:200%;
padding-left:1.5em;
position:relative;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:.2em dotted #aaa;
}
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(1):before{
content:"";
width:.7em;
height:.7em;
background:red;
transform:rotate(45deg);
position:absolute;
left:0;
top:.6em;
}
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(2){
margin-bottom:1em;
}
#mapField,
#mapField1{
height:100%;
width:100%;
} #school24{
padding:0 12% 2em;
margin-bottom:2em;
}
#school24:before{
content:"";
width:76%;
position: absolute;
bottom:0;
left:12%;
border-bottom:1px dotted gray;
}
#school24>div>div{
width:50%;
}
#school24>div>div:nth-of-type(2){
padding:2em 1em;
}
#school24>div>div:nth-of-type(2) p:nth-of-type(1){
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px dotted gray;
}
#school24 .map{
height:20em;
}
#school24 .school24btn a{
display: inline-block;
padding: 1em 2em;
background: linear-gradient(#00a900,green);
margin: 1em;
border-radius: 1em;
box-shadow: 0 1em 1em -1em black;
color: white;
font-size: 110%;
text-decoration: underline;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#school24 .school24btn a:hover{
box-shadow:0 0 .4em gray;
} #school25{
padding:2em 12%;
background:#f1f1f1;
}
#school25>div{
width:49%;
} #school27{
}
#school27 h2{
font-size: 240%;
text-align: center;
margin-bottom:1em;
}
#school27 h2 span{
font-size: 140%;
}
#school27 div{
box-shadow:0 1em 1em -1em #aaa;
padding:3em 5em;
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school27back.png);
}
#school27 ul{
margin:0 auto;
}
#school27 li{
width: 49%;
margin-bottom: 1em;
background: rgba(255,255,255,.8);
padding: .4em;
line-height: 200%;
position: relative;
}
#school27 li:before{
content:"";
width:100%;
height:1px;
position:absolute;
left:0;
bottom:.4em;
background:#d4a719;
}
#school27 li span:nth-of-type(1){
background: red;
font-weight: bold;
font-size: 120%;
margin-right: .4em;
display: inline-block;
width: 2em;
color:white;
text-align: center;
}
#school27 li span:nth-of-type(2){
font-weight: bold;
color: red;
background-color: yellow;
font-size: 140%;
} .coursetable{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
padding:1em 0 1.5em;
}
.coursetable>div:nth-of-type(1){
width:60%;
}
.coursetable>div:nth-of-type(2){
width:40%;
}
.coursetable>div>p:nth-of-type(1){
font-size:130%;
font-weight: bold;
padding-left:2em;
}
.coursetable>div>p:nth-of-type(2){
font-size:135%;
color:#00b4ff;
font-style:italic;
font-weight:bold;
}
.coursetable>div>small{
text-align: right;
padding-right: 2em;
}
.coursetable table{
width:100%;
border-spacing: 1px;
background:#aaa;
}
.coursetable th,
.coursetable td{
background:white;
vertical-align: top;
padding:.5em;
font-size:87%;
}
#school29{
padding: 0 12% 3em;;
}
#school29 li{
width:24%;
}
#school29 li:nth-of-type(4){
width:52%;
}
#school29 li:nth-of-type(5){
align-self: flex-end;
}
#school29 li div{
width:90%;
color:white;
padding:1em;
}
#school29 li div:nth-of-type(1){
align-self: flex-start;
margin-right:auto;
background: #d84936;
margin-bottom: 1em;
}
#school29 li div:nth-of-type(2){
align-self: flex-end;
background: #393534;
margin-left:auto;
}
#school29 h2{
font-size: 300%;
font-style: italic;
margin-bottom: .4em;
}
#school29 li h3{
font-size:180%;
font-weight: bold;
margin-bottom:.4em;
}
#school29 li h3:before{
content:"";
position:absolute;
left:0;
bottom:5px;
width:30%;
height:1px;
border-bottom:1px solid white;
}
#school29 li h3:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:40%;
height:1px;
border-top:1px solid white;
} #school31{
padding: 5em 12% 3em;
}
#school31 li{
width:32%;
margin-bottom:2em;
}
#school31 h2{
font-size: 300%;
font-style: italic;
}
#school31 h2+p{
margin:1em auto 3em;
text-align: center;
}
#school31 h2+p span{
background: -webkit-linear-gradient(top left, #dab502 20%, #9e700c 40%, #ffd33b, #775602 80%);
background: -o-linear-gradient(top left, #dab502 20%, #9e700c 40%, #ffd33b, #775602 80%);
background: linear-gradient(to bottom right, #dab502 20%, #9e700c 40%, #ffd33b, #775602 80%);
color: white;
padding: .4em .6em;
margin: 0 .2em;
font-size: 200%;
line-height: 200%;
position: relative;
box-shadow: 0 0.8em 0.3em -0.5em #aaa;
text-shadow: 1px 1px 0 black;
}
#school31 h2+p span:before{
content: "";
width: 90%;
height: 80%;
border: 2px solid rgba(255,255,255,.4);
position: absolute;
left: calc(5% - 2px);
top: calc(10% - 2px);
}
#school31 h3{
font-size:140%;
font-weight: bold;
background:black;
color:white;
border-top:.2em solid red;
padding:.4em;
}
#school31 li p span{
color:red;
font-weight: bold;
font-size: 120%;
} #school32{
}
#school32 h2{
background: #c70000;
color: white;
font-size: 200%;
padding: .4em;
letter-spacing: .1em;
}
#school32>div>div{
background:rgba(255,255,255,.5);
margin:3em auto;
width:48%;
}
#school32>div>div>div{
padding:1em;
font-size:90%;
}
#school32>div>div>div:nth-of-type(1){
padding-right:0;
width:40%;
}
#school32>div>div>div:nth-of-type(2){
width:60%;
}
#school32 h3{
font-size:180%;
font-weight: bold;
font-style:italic;
border-bottom:1px solid orange;
padding:.2em;
}
#school32>div:nth-of-type(2) h3{
font-size:200%;
}
#kawarimasu{
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp2/anniversary.png) center bottom no-repeat;
background-size: 50% auto;
padding-bottom: 10.5em;
padding-top: 5em;
margin-top:2em;
}
#kawarimasu h4{
font-size: 150%;
color: #1ca3da;
line-height: 1em;
padding-left: 3em;
padding-bottom: .4em;
}
#kawarimasu:before,
#kawarimasu:after{
content:"";
height:100%;
width:10em;
position: absolute;
bottom:0;
}
#kawarimasu:before{
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp2/kawarimasul.png)left center no-repeat;
background-size: auto 100%;
left: 10%;
}
#kawarimasu:after{
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp2/kawarimasur.png)left center no-repeat;
background-size:auto 100%;
right:10%;
}
#kawarimasu h4>span{
position: relative;
}
#kawarimasu h4>span:before{
content: "";
position: absolute;
left: -3.5em;
bottom: -1em;
width: 3em;
height: 3em;
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp2/five.png)center no-repeat;
background-size: auto 100%;
z-index: -1;
}
#kawarimasu h4 span span:not(.kawaspa){
color:red;
text-shadow: 1px 1px 0 white,0.1em 0.1em 0.1em #aaa;
}
#kawarimasu h4 span span.kawaspa:not(:nth-of-type(1)){
font-size:125%;
}
#kawarimasu h4 span span.kawaspa:nth-of-type(1){
font-size:160%;
}
#kawarimasu p{
font-size: 90%;
}
.topbtn a{
display: inline-block;
background: linear-gradient(#38fd38,#489601);
padding: .4em 3em;
font-size: 200%;
color: white;
border-radius: 1em;
box-shadow: 0 1.3em 0.5em -1em black;
border: .04em solid #32b753;
margin: 1em auto 2em;
text-decoration: underline;
}
.topbtn a:hover{
opacity: .7;
}
.bottombtn{
position:fixed;
bottom:1.5em;
left:0;
width:100%;
display: none;
}
.bottombtn a{
margin:0 auto;
font-size:140%;
position:relative;
text-decoration: none;
transition-duration:.6s;
}
.bottombtn a:hover{
opacity: 1 !important;
text-decoration: underline;
box-shadow:0 0 0.1em #aaa;
}
.bottombtn a:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-radius: 1em;
animation:bottombtn 3s infinite;
}
@-webkit-keyframes bottombtn{
0%{box-shadow: 0 0 0 0 rgba(165, 245, 142, .7), 0 0 0 0 rgba(165, 245, 142, .7)}
40%{box-shadow: 0 0 0 1em rgba(165, 245, 142, 0), 0 0 0 0 rgba(165, 245, 142, .7)}
80%{box-shadow: 0 0 0 1em rgba(165, 245, 142, 0), 0 0 0 30px rgba(165, 245, 142, 0)}
100%{box-shadow: 0 0 0 0 rgba(165, 245, 142, 0),0 0 0 30px rgba(165, 245, 142, 0)}
}
@-moz-keyframes bottombtn{
0%{box-shadow: 0 0 0 0 rgba(165, 245, 142, .7), 0 0 0 0 rgba(165, 245, 142, .7)}
40%{box-shadow: 0 0 0 1em rgba(165, 245, 142, 0), 0 0 0 0 rgba(165, 245, 142, .7)}
80%{box-shadow: 0 0 0 1em rgba(165, 245, 142, 0), 0 0 0 30px rgba(165, 245, 142, 0)}
100%{box-shadow: 0 0 0 0 rgba(165, 245, 142, 0),0 0 0 30px rgba(165, 245, 142, 0)}
}
@keyframes bottombtn{
0%{box-shadow: 0 0 0 0 rgb(165, 245, 142 .7), 0 0 0 0 rgba(165, 245, 142, .7)}
40%{box-shadow: 0 0 0 1em rgba(165, 245, 142, 0), 0 0 0 0 rgba(165, 245, 142, .7)}
80%{box-shadow: 0 0 0 1em rgba(165, 245, 142, 0), 0 0 0 30px rgba(165, 245, 142, 0)}
100%{box-shadow: 0 0 0 0 rgba(165, 245, 142, 0),0 0 0 30px rgba(165, 245, 142, 0)}
} #review{
padding: 3em 12% 3em;
}
#review h2{
font-size: 300%;
font-style: italic;
margin-bottom: .4em;
}
#review>div>div:nth-of-type(1){
float: right;
width: 28%;
margin: 2em 0 3em 1em;
}
.clear{clear:both;}
#review h3{
font-size: 200%;
margin: 1em 0 .4em;
font-style: italic;
border-left: .5em solid darkorange;
border-bottom: 1px solid darkorange;
padding: 0 .4em;
display: inline-block;
}
#review li div{
margin-bottom:1em;
}
#review span{
font-weight: bold;
} .coursetable2{
background:red;
border-spacing: 1px;
}
.coursetable2 td{
background:white;
position: relative;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(1){
width:32%;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(2){
width:40%;
padding: 2em 0 2em 3em;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(3){
width:28%;
}
.coursetable2 tr:nth-of-type(1) td:not(:nth-of-type(2)) p:nth-of-type(1){
position:absolute;
left:0;
top:0;
background:red;
color:white;
background: red;
padding: .5em 1em;
}
.coursetable2 tr:nth-of-type(1) td:not(:nth-of-type(2)) p:nth-of-type(1):before {
content: "";
border-right: 2em solid transparent;
border-top: 2.5em solid red;
position: absolute;
right: -2em;
top: 0;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(1) p:nth-of-type(2){
font-size: 150%;
font-weight: bold;
text-align: center;
padding-top: .5em;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(2) p:nth-of-type(1){
font-size:120%;
font-weight: bold;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(2) p:nth-of-type(4){
font-size:90%;
margin-top:1em;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(3) p:nth-of-type(2){
padding-top:2em;
font-size:200%;
font-weight: bold;
text-align: center;
position: relative;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(3) p:nth-of-type(2):before{
content:"";
position: absolute;
bottom:0;
left:5%;
width:90%;
border-bottom:.1em dotted red;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(3) p:nth-of-type(2) span{
font-size:60%;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(3) p:nth-of-type(3){
padding:1em 0;
}
.coursetable2 tr:nth-of-type(2) td{
padding:1em 2em;
}
.cousetable2d{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
font-size:80%;
}
.cousetable2d>div{
font-size:120%;
}
.cousetable2d>div:nth-of-type(1){
width:72%;
}
.cousetable2d>div:nth-of-type(2){
width:28%;
text-align: right;
} #lpinquiry{
padding:4em 12%;
}
#lpinquiry>p:nth-of-type(2){
font-size: 230%;
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/mail@2.png)left 8%center no-repeat;
background-size: auto 70%;
padding-left: 3em;
line-height: 300%;
}
#lpinquiry>p:nth-of-type(3){
width:60%;
margin:0 auto;
padding-top:2em;
border-top:.2em solid #aaa;
}
#lpinquiry .schoolwpcf7 table{
margin-top:3em;
border-top:.1em solid red;
border-bottom:.1em solid red;
} #sharefooter{
background:black;
color:white;
text-align: center;
}
#sharefooter a{
color:white;
text-decoration: underline;
} .red{font-weight: bold !important;color:red !important;}
.blue{font-weight: bold !important;color:#0f50a0 !important;}
.skyblue{color:#00b4ff !important;}
.yellow{font-weight: bold !important;color:yellow !important;}
.white{font-weight: bold !important;color:white !important;}
.bold{font-weight: bold !important;}
.italic{font-style:italic !important;}
.ddn{display:none !important;}
.txc{text-align:center !important;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.itemcenter{align-items: center;}
.justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.justifycenter{-webkit-justify-content:center;-ms-flex-pack: center; justify-content:center;}
.justifyc{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;} .youtube,
.youtubeb{position:relative;height:100%;} .youtube_play:hover,
.youtubeb_play:hover{cursor:pointer;} .youtube_btn,
.youtubeb_btn{
width: 6vw;
height: 6vw;
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/yimgs@2.png) center no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity:.9;
}
.youtube_btnhover,
.youtubeb_btnhover{
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/yimg@2.png) center no-repeat !important;
background-size: 100% auto !important;
}