@charset "UTF-8";

*{
margin:0;
padding:0;
} _::content, _:future, body { 
font-size:4.14vw;
} @-moz-document url-prefix() {
body {
font-size:4.10vw;
}
}
body{
font-weight:medium;
font-family:"Mplus 1p","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #f0f9e9;
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
} 
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;
} #oheader{
background: white;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
border-bottom: 1px solid #aaa;
width:100%;
padding: .2em;
}
#wrap{
padding-top: 3.8em;
} #hanamomo{
margin-bottom:1em;
}
#hanamomo h2 {
font-size: 140%;
margin-bottom: .4em;
}
#hanamomo p:nth-of-type(2){
font-weight: bold;
margin:.4em 0;
padding-bottom:2em;
border-bottom:1px solid #ccc;
}
#lp header>p{
position:absolute;
right:1em;
top:2em;
width:15%;
} #school1{
align-items: center;
padding: .4em .4em 5em;
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school2.png)center bottom 1.5em no-repeat;
background-size: 80% auto;
}
#school1>div:nth-of-type(1){
width:20%;
}
#school1>div:nth-of-type(2){
margin-left:1em;
}
#school1>div:nth-of-type(2)>p:nth-of-type(1){
font-size: 90%;
padding-left: .6em;
}
#school1>div:nth-of-type(2)>p:nth-of-type(2){
line-height:100%;
}
#school1>div:nth-of-type(2)>p:nth-of-type(3){
font-size:80%;
}
#school1a h2 {
text-align: center;
padding: 1em 0;
}
#school1a h2:before{
content:"";
width:80%;
position:absolute;
bottom:.5em;
left:10%;
border-bottom:3px double red;
}
#school1a h2 span:nth-of-type(2){
font-size: 150%;
margin-left: .4em;
text-shadow: 1px 1px 0 white, 2px 2px 0 #ad912e;
} #school2{
font-size: 90%;
}
#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:50%;
}
#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(3){
border:.2em solid #0050c7;
border-radius: .2em;
padding:1em 0;
text-align: center;
}
#school2>div:nth-of-type(3) p{
font-size:120%;
}
#school2>div:nth-of-type(3) small{
font-size:150%;
}
#school2>div:nth-of-type(3) small span{
font-size: 150%;
transform: scaleY(1.2);
display: inline-block;
line-height: 200%;
}
#school2>div:nth-of-type(4) p {
background: red;
color: white;
padding: .4em 3em .6em;
position: relative;
align-self: flex-start;
width: 34%;
}
#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;
} #school3{
height: 56vw;
margin-top: .6em;
} #school7{
padding: 3em 0 0;;
}
#school7>div:nth-of-type(1)>p{
overflow: hidden;
}
#school7>div:nth-of-type(1)>p img{
width:115%;
height:100%;
}
#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:3em 0;
}
#school7>div:nth-of-type(3)>div:nth-of-type(1){
padding:.4em;
}
#school7>div:nth-of-type(3)>div:nth-of-type(1)>p:nth-of-type(1){
font-size:106%;
margin-bottom:1em;
text-align: center;
}
#school7>div:nth-of-type(3)>div:nth-of-type(1)>p:nth-of-type(1) span{
font-size:150%;
}
#school7>div:nth-of-type(4){
border:.2em solid #00b4ff;
}
#school7>div:nth-of-type(4)>div:nth-of-type(1){
background: #00b4ff;
font-size: 300%;
padding: .3em .4em;
text-align: center;
}
#school7>div:nth-of-type(4)>div:nth-of-type(2){
padding: 1em 0;
font-size: 120%;
text-align: center;
}
#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%;
}
#school7y{
height: 57vw;
}
#school7y p{
font-size: 90%;
text-align: center;
} #school9{
}
#school9>div:nth-of-type(1)>p{
overflow: hidden;
height: 20vw;
}
#school9>div:nth-of-type(1)>p img{
width: 130%;
height: 100%;
margin-left: -15%;
}
#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:before {
content: "";
position: absolute;
left: calc(50% - 2em);
bottom: -4em;
border: 2em solid transparent;
border-top: 2em solid #0f50a0;
}
#school9 .coursetable small{
padding-right:19em;
} #school10{
padding:3em .4em 0;
}
#school10 h2{
padding-left:3em;
}
#school10>div:nth-of-type(1){
border-bottom:.2em solid #0f50a0;
}
#school10 li{
padding:2em 0 1em;
} #school13a{
padding: 1em 0 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;
} #school13{
padding: 2em 0 0;
}
#school13 h2 {
padding-left: 2em;
}
#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;
width:100%;
overflow:hidden;
}
#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)>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) p:nth-of-type(2){
font-size: 110%;
font-weight: bold;
text-align: center;
}
#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)>div:nth-of-type(1)>*:not(h3){
width:70%;
}
#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{
color:#777;
}
#school13>ul>li:nth-of-type(2)>div:nth-of-type(2){
width: 30%;
position: absolute;
top: 5em;
right: 0;
}
#school13>ul>li:nth-of-type(3)>div:nth-of-type(1) p{
width:50%;
margin-bottom: 5em;
}
#school13>ul>li:nth-of-type(3)>div:nth-of-type(2){
position: absolute;
top:4em;
right:0;
width:50%;
}
#school13>div:nth-of-type(1) {
text-align: right;
}
#school13>div:nth-of-type(1)>p:nth-of-type(1) {
font-size: 120%;
}
#school13>div:nth-of-type(1)>div {
font-size: 78%;
color: #777;
} #school14>div:nth-of-type(1){
padding:1em .4em 0;
background:#eee;
}
#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(2){
padding:2em;
background:#eee;
}
#school14>div:nth-of-type(3){
padding:1em 0;
}
#school14 table{
border-spacing: 1px;
background:#ddd;
}
#school14 th{
background:#0f50a0;
color:white;
padding:.7em 1em;
}
#school14 td{
background:white;
padding:.7em;
} #school15>div:nth-of-type(1){
padding: 1em 1em 3em;
}
#school15>div:nth-of-type(1)>div:nth-of-type(1) p:not(:nth-of-type(1)){
margin-top:1em;
text-align: center;
}
#school15>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2){
font-size:126%;
}
#school15>div:nth-of-type(1)>div:nth-of-type(3){
width:100%;
}
#school15>div:nth-of-type(1)>div:nth-of-type(3) h2 span{
font-size: 175%;
display: block;
text-align: center;
}
#school15>div:nth-of-type(1)>div:nth-of-type(3) .red{
font-size: 150%;
font-style: italic;
background:yellow;
}
#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: 140%;
text-align: center;
height: 3em;
line-height: 230%;
text-shadow: -1px -1px 0 black;
} #school16{
padding: 1em 0 0;
}
#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)right .4em bottom .5em no-repeat;
background-size: auto 70%;
color: white;
font-size: 114%;
padding: 2em 0 1em 3em;
font-weight: bold;
position: relative;
}
#school16>p:nth-of-type(1):before{
content: "";
position: absolute;
left: 1.6em;
top: 2.3em;
border: .5em solid transparent;
border-top: 2.7em solid red;
}
#school16>p:nth-of-type(2){
background:black;
}
#school16>p:nth-of-type(2) img{
border-bottom:.5em solid red;
}
#school16>div{
background:black;
color:white;
padding-bottom: 1em;
}
#school16 table{
background:red;
border-spacing: 1px;
width:100%;
margin-bottom:.5em;
}
#school16 td{
background:black;
padding:1em;
position:relative;
font-weight: bold;
text-align: center;
display: block;
}
#school16 td:not(:nth-of-type(2)) p:nth-of-type(1){
position:absolute;
left:0;
top:0;
background:red;
padding:.5em 1em;
width:40%;
}
#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){
padding-top: 4em;
}
#school16 td:nth-of-type(1) p:nth-of-type(2){
font-size:130%;
}
#school16 td:nth-of-type(2){
text-align: left;
font-weight: normal !important;
padding-left: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){
}
#school16 td:nth-of-type(3) p:nth-of-type(2){
font-size:150%;
margin-top: 2em;
}
#school16 td:nth-of-type(3) span{
font-size:60%;
}
#school16>div>p{
color:#ddd;
font-size:90%;
padding-left: .4em;
} #school17>p:nth-of-type(1){
background: url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school17-01-1@2.jpg)right .4em bottom .5em no-repeat;
background-size: auto 60%;
font-size: 114%;
padding: 3em 0 1em 2em;
font-weight: bold;
position: relative;
}
#school17>p:nth-of-type(1):before {
content: "";
position: absolute;
left: .5em;
top: 3.3em;
border: .5em solid transparent;
border-top: 2.7em solid red;
} #school18{
}
#school18 h2{
text-align: center;
font-size: 120%;
}
#school18 h2 span{
display: block;
font-size:70%;
} #school22{
}
#school22>div:nth-of-type(1) p:nth-of-type(1){
width:50%;
margin:1em auto 0;
}
#school22>div:nth-of-type(1) p:nth-of-type(2){
font-weight: bold;
font-style: italic;
text-align: center;
}
#school22>p:nth-of-type(2){
font-size:120%;
font-weight: bold;
font-style:italic;
text-align: center;
}
#school22>p:nth-of-type(3){
text-align: center;
line-height: 120%;
margin-bottom:1em;
}
#school22>p:nth-of-type(3) span{
font-size:110%;
}
#school22>p:nth-of-type(4){
padding: 0 .4em;
font-weight: bold;
font-size:96%;
}
#school22>p:nth-of-type(5){
padding: 1em .4em 0;
font-size: 96%;
}
#school22>div:nth-of-type(2)>div{
padding:1em;
}
#school22>div:nth-of-type(2)>div:nth-of-type(1){
height: 70vw;
}
#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:110%;
}
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(3),
#school22>div:nth-of-type(2)>div:nth-of-type(2) p:nth-of-type(4){
font-size:90%;
}
#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;
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 {
pointer-events:none;
height:100%;
width:100%;
} #school24 .map{
height:70vw;
padding:1em;
}
#school24 #mapField1{
width:100%;
height:100%;
}
#school24>div>div:nth-of-type(2){
padding:1em;
}
#school24>div>div:nth-of-type(2) p:nth-of-type(1){
line-height: 200%;
padding-left: 1.5em;
position: relative;
margin-bottom: 1em;
border-bottom: .2em dotted #aaa;
}
#school24>div>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;
}
#school24>div>div:nth-of-type(2) p:nth-of-type(2){
margin-bottom:1em;
}
#school24>div>div:nth-of-type(2) p:nth-of-type(n+2){
font-size:90%;
text-align: center;
}
#school24 .school24btn a{
display: inline-block;
padding: 1em;
background: linear-gradient(#00a900,green);
margin: 2em 0;
border-radius: 1em;
box-shadow: 0 1em 1em -1em black;
color: white;
text-decoration: underline;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
} #school27 h2{
padding-top:2em;
font-size: 125%;
text-align: center;
margin-bottom:.4em;
}
#school27 h2 span{
font-size: 140%;
}
#school27 div{
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/school27back.png);
}
#school27 ul{
margin:0 auto;
padding: .4em;
}
#school27 li{
margin-bottom: .4em;
background: rgba(255,255,255,.8);
line-height: 200%;
font-size: 90%;
position: relative;
}
#school27 li:before{
content:"";
width:100%;
height:1px;
position:absolute;
left:0;
bottom:0;
background:#d4a719;
}
#school27 li span:nth-of-type(1){
background: red;
font-weight: bold;
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;
} #school29{
margin-bottom:3em;
}
#school29 li:nth-of-type(1){
width:24%;
background: #d84936;
}
#school29 li:nth-of-type(2){
background: #d84936;
width:76%;
padding:1em;
color:white;
}
#school29 li:nth-of-type(3){
width:76%;
padding:1em;
color:white;
background: #393534;
}
#school29 li:nth-of-type(5){
width:24%;
background: #393534;
}
#school29 h2{
font-size: 180%;
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;
} .coursetable{
padding:1em 0 1.5em;
}
.coursetable>div:nth-of-type(1){
}
.coursetable>div:nth-of-type(2){
}
.coursetable>div>p:nth-of-type(1){
font-size:130%;
font-weight: bold;
text-align: center;
text-shadow:-.1em -.1em 0 white,-.1em 0 0 white,-.1em .1em 0 white,0 -.1em 0 white,0 .1em 0 white,.1em -.1em 0 white,.1em 0 0 white,.1em .1em 0 white;
}
.coursetable>div>p:nth-of-type(2){
font-size:156%;
color:#00b4ff;
font-style:italic;
font-weight:bold;
text-shadow:-.1em -.1em 0 white,-.1em 0 0 white,-.1em .1em 0 white,0 -.1em 0 white,0 .1em 0 white,.1em -.1em 0 white,.1em 0 0 white,.1em .1em 0 white;
}
.coursetable>div>p:nth-of-type(3){
padding-left:1em;
}
.coursetable>div>small{
padding-left: 1em;
}
.coursetable table{
width:100%;
border-spacing: 1px;
background:#aaa;
}
.coursetable th,
.coursetable td{
background:white;
vertical-align: top;
padding:.5em;
font-size:87%;
} .coursetable2{
background:red;
border-spacing: 1px;
}
.coursetable2 td{
background:white;
position: relative;
display: block;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(2){
padding:2em 3em;
}
.coursetable2 tr:nth-of-type(1) td:nth-of-type(3){
}
.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: 2.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 32%;
}
.coursetable2 tr:nth-of-type(2) td{
padding:1em 2em;
}
.cousetable2d{
font-size:80%;
}
.cousetable2d>div{
color:#333;
}
.cousetable2d>div:nth-of-type(2){
} #review{
}
#review h2{
font-size: 180%;
font-style: italic;
margin-bottom: .4em;
}
#review>div>div:nth-of-type(1){
width: 33%;
float: right;
margin: 2em 0 0 1em;
}
#review li{
padding:0 1em;
margin-bottom:1em;
}
#review h3{
font-size: 130%;
margin: 1em 0 .4em;
font-style: italic;
border-left: .5em solid darkorange;
border-bottom: 1px solid darkorange;
padding: 0 .4em;
display: inline-block;
}
#review span{
font-weight: bold;
} #school32 {
border-bottom: 1px solid #ccc;
}
#school32 h2 {
background: #c70000;
color: white;
font-size: 140%;
padding: .4em;
letter-spacing: .1em;
}
#school32>div>div{
background: rgba(255,255,255,.5);
}
#school32 h3 {
font-size: 120%;
font-weight: bold;
font-style: italic;
border-bottom: 1px solid orange;
padding: .2em;
}
#school32>div>div>div:nth-of-type(1) {
width: 40%;
}#school32>div>div>div:nth-of-type(2) {
width: 60%;
}
#school32>div>div>div:nth-of-type(2) p{
font-size:90%;
line-height:120%;
padding-right: 1em;
}
#school32>div>div>div{
padding-top:1em;
}
#school32>div:nth-of-type(2){
margin-top:2em;
padding:0 .4em;
}
.topbtn a {
display: inline-block;
background: linear-gradient(#38fd38,#489601);
padding: .4em 1.5em;
font-size: 100%;
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;
}
.bottombtn{
position:fixed;
bottom:4.5em;
left:0;
width:100%;
display: none;
}
.bottombtn a{
margin:0 auto;
position:relative;
text-decoration: none;
transition-duration:.6s;
}
.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)}
} #school31 h2 {
font-size: 180%;
font-style: italic;
}
#school31 h2+p {
margin: 1em auto 2em;
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: 90%;
line-height: 200%;
position: relative;
box-shadow: 0 0.8em 0.3em -0.5em #aaa;
text-shadow: 1px 1px 0 black;
}
#school31 li{
border-bottom:1px solid #aaa;
}
#school31 li:nth-of-type(1){
border-top:1px solid #aaa;
}
#school31 li>div:nth-of-type(1){
width:30%;
}
#school31 li>div:nth-of-type(2){
width:70%;
padding:.4em;
line-height:120%;
}
#school31 li p span {
color: red;
font-weight: bold;
font-size: 120%;
} #sharefooter{
background:black;
color:white;
text-align: center;
padding-bottom: 7.5em;
}
#sharefooter a{
color:white;
} #m_footer{
position: fixed;
bottom: 0;
left: 0;
width:100%;
background: rgba(0,0,0,.8);
}
#m_footer ul{
border-top:1px solid white;
}
#m_footer li{
width:33.33%;
height:3.5em;
}
#m_footer li:nth-of-type(1){
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/m_tel@2.png)left 10% center no-repeat;
background-size:20% auto;
}
#m_footer li:nth-of-type(2){
width:calc(33.34% - 2px);
border-left:1px solid #777;
border-right:1px solid #777;
}
#m_footer li:nth-of-type(2){
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/m_mail.png)left 2% center no-repeat;
background-size:30% auto;
}
#m_footer li:nth-of-type(3){
background:url(//k-drone-s.com/wp-content/themes/dsj-saitama/images/lp/m_company.png)left 2% center no-repeat;
background-size:30% auto;
}
#m_footer a{
color:white;
display: block;
padding-left:36%;
line-height: 3.5em;
} .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;}
.mdn{display:none !important;}
.txc{text-align:center !important;}
.m_txc{text-align:center !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_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_justifyc{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;} .youtube {position:relative;height:100%;} .youtube_play:hover {cursor:pointer;} .youtube_btn {
width: 15vw;
height: 12vw;
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;
}