@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
body{
-webkit-font-smoothing: antialiased;
font-family: "Noto Sans Japanese", san-serif;
font-size:15px;
margin-top:105px;
background:#F7F2DF;
}

@media (max-width: 991px) {
body{
margin-top:50px;
}
}

/*幅制御*/
.container{
max-width:1140px;
}

.s-container{
max-width:1010px;
margin:0 auto;
padding-right: 15px;
padding-left: 15px;
}

.page{
margin-top:8.5rem;
margin-bottom:6rem;
}

@media (max-width: 1140px) {
#top .container{
max-width:85%;
}
}

@media (max-width: 991px) {
header .container,#page-top .container{
max-width:100%;
}
.container,.s-container{
max-width:600px;
margin:0 auto;
}
}

@media (max-width: 767px) {
.container,.s-container{
max-width:400px;
margin:0 auto;
}
#top .container{
max-width:100%;
}
}

/*共通*/
a {
outline: none;
color:#003399;
}

@media screen and (min-width: 640px) {
a:hover,a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
}

a:hover{
text-decoration:none;
}

ul{
margin:0;
padding:0;
}

.btn-text{
max-width:130px
}

.btn-gold{
color:#ffffff;
border-radius:10px;
width:360px;
height:45px;
line-height:45px;
padding:0;
font-weight:700;
font-size:1rem;
background:#e3007f;
}

.btn-gold{
background:url(img/gold.png);
margin-top:2rem;
color:#705B04;
}

.btn-red{
background: linear-gradient(160deg, rgba(117,24,35,1) 0%, rgba(171,19,61,1) 100%);
color:#ffffff;
width:400px;
font-weight:700;
}

.btn-pink{
background:#ea508b;
color:#ffffff;
height:50px;
line-height:50px;
padding:0;
font-weight:700;
font-size:1.2rem;
width:420px;
margin:30px auto 35px;
position:relative;
}

.btn-pink:after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f138";
position:absolute;
display:block;
right:10px;
top:1px;
}

.btn-orange{
color:#ffffff;
border-radius:10px;
width:360px;
height:45px;
line-height:45px;
padding:0;
font-weight:700;
font-size:1rem;
background:#F29600;
}

.btn-brown{
color:#D1B22F;
display:block;
font-size:0.7rem;
background:#221816;
border-radius:0;
padding:0.1rem 0rem;
margin:0.2rem auto 0 auto;
font-family: "Sawarabi Mincho";
position:relative;
z-index:0;
}

.btn-secondary{
font-size:0.9rem;
font-weight:700;
padding-top:0.2rem;
padding-bottom:0.2rem;
background:#ccc;
}

.btn-brown:hover{
color:#D1B22F;
}

.btn-gold:hover,.btn-pink:hover,.btn-orange:hover,.btn-red:hover{
color:#ffffff;
}

.btn:hover, .btn:active, .btn:focus {
-webkit-box-shadow: 0 1px 1px #cccccc, 0 1px 1px #cccccc;
box-shadow: 0 1px 1px #cccccc, 0 1px 1px #cccccc;
outline: 0; 
}

hr{
margin-top:0;
margin-bottom:1.4rem;
}

.under-line{
background: linear-gradient(transparent 70%, #FFF1A0 70%);
}

@media (max-width: 991px) {
.w-s80{
max-width:60%;
}
}

@media (max-width: 767px) {
.w-s80{
max-width:80%;
}
.btn-gold,.btn-orange{
width:280px;
font-size:0.9rem;
}
.btn-pink{
height:73px;
line-height:26px;
padding-top:10px;
font-size:1.1rem;
width:100%;
margin:20px auto 20px;
}
.btn-pink:after{
right:10px;
top:25px;
font-size:1.3rem;
}
.btn-red{
background: linear-gradient(160deg, rgba(117,24,35,1) 0%, rgba(171,19,61,1) 100%);
color:#ffffff;
width:280px;
font-size:0.9rem;
}
}

/*背景*/
.bg-white{
background:#ffffff;
}

.bg-brown{
background:#221816;
}

.bg-twhite{
background:rgba(255,255,255,0.5);
}

.bg-rwhite{
background:rgba(255,255,255,0.7);
}

.bg-green{
background:#0DAC67;
}

.bg-yellow{
background:#ECE0AC;
}

.bg-d-yellow{
background:#df8a0a;
}

/*文字*/

#h1-wrap{
position:relative;
}

h1{
position:absolute;
bottom:0.3rem;
font-size:0.8rem;
text-align:center;
width:100%;
}

.title{
font-size:1.5rem;
}

h3{
font-size:1.3rem;
color:#000000;
font-weight:600;
}

#pickup h3{
font-size:1.6rem;
color:#000000;
font-weight:600;
}

p{
line-height:2;
}

.text-lblack{
color:#333333;
}

.text-black{
color:#000000!important;
}

.text-white{
color:#ffffff;
}

.text-gray{
color:#999999;
}

.text-green{
color:#009966;
}

.text-small{
font-size:0.9rem;
line-height:1.5rem;
}

.g-font{
font-family: 'Hind', sans-serif;
}

.type{
border:1px solid #0099cc;
display:inline-block;
padding:0.1rem 1rem;
font-weight:500;
}

a.text-lblack:hover{
color:#999999;
}

@media (max-width: 767px) {
p{
font-size:0.9rem;
line-height:1.8;
}

.title{
font-size:1.2rem;
}

#pickup h3{
font-size:1.5rem;
color:#000000;
font-weight:600;
}
}

@media (max-width: 320px) {
h1{
font-size:0.7rem;
}
}

/*ヘッダー*/
header{
background:#F7F2DF;
}

.navbar-brand img{
width:189px;
}

.nav-item{
padding-right:1.2rem;
font-size:0.8rem;
font-weight:500;
}

.nav-item:last-child{
padding-right:0rem;
}

.input-group{
width:260px;
}

.form-control{
font-size:0.9rem;
}

button.navbar-toggler{
background:#0D9367;
height:50px;
border-radius:0;
}

.icon-bar + .icon-bar {
margin-top: 4px;
}

.icon-bar{
background-color:#ffffff;
border-radius:0px
}

.icon-bar:nth-of-type(1) {
top: 0px;
}

.icon-bar:nth-of-type(2) {
top: 1px;
}

.icon-bar:nth-of-type(3) {
top: 2px;
}

.icon-bar {
display: block;
height:3px;
position: relative;
width:22px;
}

.navbar-toggler.active .icon-bar:nth-of-type(1) {
top: 9px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform:rotate(45deg);
}

.navbar-toggler.active .icon-bar:nth-of-type(2) {
background-color: transparent;
}

.navbar-toggler.active .icon-bar:nth-of-type(3) {
top: -5px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform:rotate(-45deg);
}

@media (max-width: 991px) {
.navbar-brand{
padding-top:0.5rem;
height:50px;
}

.navbar-brand img{
width:116px;
}

header .navbar-collapse{
text-align:center;
}

header .navbar{
margin:0;
padding:0;
}

.nav-item{
padding-right:0;
font-size:0.95rem;
}

header .navbar-collapse{
border-bottom:2px solid #cccccc;
}

header .navbar-collapse li.nav-item{
height:50px;
border-bottom:1px dotted #cccccc;
}

header .navbar-collapse li.nav-item img{
width:22px;
}
}

/*#top*/
#top img{
width:1000px;
}

@media (max-width: 991px) {
#about{
width:100%;
}
}

/*#about*/
#about{
padding:5rem 0rem 3rem;
}

#about .about-img{
max-width:90%;
}

@media (max-width: 767px) {
#about{
padding:2rem 0rem 3rem;
}

#about .about-img{
max-width:95%;
}
}

/*#service*/
#service h2{
font-size:1.25rem;
border-bottom:1px solid #aaaaaa;
}

.out-line{
position:relative;
bottom:13px;
z-index:-1;
}

#service p{
line-height:1.7;
font-size:0.95rem;
}

#service mark{
background:#0D9367;
color:#ffffff;
font-size:0.75rem;
padding:0 0.5rem;
font-weight:bold;
}

@media (max-width: 991px) {
#service img.rounded-circle {
max-width:190px;
margin:0 auto 1rem;
}
}

/*#all*/

.line{
border-top:1px dashed #cccccc;
}

.p-over{
position:relative;
top:-3px;
background:#F7F2DF;
}

#all{
background:url(img/all-back.png) bottom repeat-x;
}

#all p{
font-weight:500;
}

@media (max-width: 767px) {
.p-over{
top:-8px;
background:#F7F2DF;
width:50px;
}
}

/*page共通*/
#page-top{
height:240px;
}

#page-top img{
max-width:380px;
}

#page-top .about-top img{
max-width:280px;
}

.page-title{
font-size:1.5rem;
}

.page-title span{
border-bottom:2px solid #009966;
}

@media (max-width: 767px) {
#page-top{
height:150px;
}
.page-title{
font-size:1.2rem;
}
#page-top img{
max-width:250px;
}
#page-top .about-top img{
max-width:200px;
}
}

/*page-about*/
#page-about h3,#page-tora h3,#page-ongaku h3{
line-height:2.5rem;
}

#page-about h3 small{
font-weight:bold;
font-size:1.1rem;
}

p.low{
line-height:1.7;
}

#page-about .col-lg-4{
position:relative;
}

#page-about .x-img{
position:absolute;
top:20%;
left:90%;
}

#page-about .dotted-border{
border:1px dashed #cccccc;
font-size:1.2rem;
line-height:1.8;
}

.bg-about{
background:url(img/about-top.png);
background-size:cover;
}

@media (max-width: 991px) {
#page-about .title,#page-about h3,#page-tora h3,#page-ongaku h3{
font-size:1.2rem;
}
#page-about .w-50{
width:70%!important;
}
}

@media (max-width: 767px) {
#page-about h3,#page-tora h3,#page-ongaku h3{
font-size:1.1rem;
line-height:1.7;
}
#page-about .dotted-border{
border:1px dashed #cccccc;
font-size:1.0rem;
line-height:1.8;
}
#page-about .w-50{
width:50%!important;
}
}

/*page-tora*/
#page-tora .p-1{
padding:3px!important;
}

#page-tora h4{
font-size:1.1rem;
}

#page-tora #menu{
padding:3rem 0;
margin-top:4rem;
}

#page-tora .img-btn{
width:340px;
}

#info,#voice,#qa{
padding:4rem 0 4.5rem;
}

#info td,#info th{
border-top:0;
border-bottom:1px dotted #cccccc;
}

#page-tora .manabeya-table{
border:1px solid #cccccc;
}

#page-tora .manabeya-table small{
font-size:0.9rem;
}

@media (max-width: 320px) {
#page-tora .manabeya-table small{
font-size:0.75rem;
}
}

#page-tora .manabeya-table th,#page-tora .manabeya-table td{
border-bottom:1px solid #cccccc;
padding-right:1.3rem;
padding-left:1.3rem;
}

#page-tora .manabeya-table td{
font-weight:500;
line-height:2;
}

#page-tora .manabeya-table th{
background-color:#D7F4E3;
vertical-align:middle;
text-align:center;
padding:0.5rem 1rem;
}

#page-tora .manabeya-table mark{
background:#EEEEEE;
padding:0 0.5rem;
border-radius:3px;
}

@media (max-width: 991px) {
#page-tora .manabeya-table th,#page-tora .manabeya-table td{
width:100%;
display:block;
padding:0.5rem 1rem;
}
#page-tora .img-btn{
width:100%;
}
}

@media (max-width: 767px) {
#page-tora #menu{
margin-top:2.5rem;
padding:2rem 0 3rem;
}
#page-tora #info,#voice,#page-ongaku #info,#qa{
padding:3rem 1rem;
}
#page-tora .p-1{
padding:1px!important;
}
#page-tora td,#page-tora th{
font-size:14px;
}
#page-tora .img-btn{
width:280px;
}
}

/*合格報告*/
#gokaku{
background:url(img/taiken.png);
padding:2.5rem 0 2.5rem;
}
.gokaku-in{
background:url(img/back.png) center center;
border:4px solid #4f2a0c;
border-radius:10px;
position:relative;
max-width:740px;
margin:-5px auto;
}
#gokaku table{
margin:0 auto;
}
#gokaku h3{
line-height:1.3;
}
#gokaku table th,#gokaku table td{
font-size:20px;
padding:3px 15px;
font-weight:bold;
color:#fff;
text-shadow: 0px 0px 3px black;
}
.text-yellow{
color:#fabe00;
}
.text-red{
color:#f44051;
}
span.gokaku-text{
font-size:23px;
}
.gokaku_voice{
background:rgba(255,255,255,0.5);
border-radius:10px;
border:1px solid #f44051;
height:190px;
text-align:justify;
}
.gokaku_voice p{
font-size:13px;
line-height:1.7;
margin-bottom:0;
}
.gokaku-title{
font-size:18px;
font-weight:600;
}
@media (max-width: 991px) {
.gokaku_voice{
height:auto;
}
}
@media (max-width: 767px) {
#gokaku table th,#gokaku table td{
font-size:18px;
padding:3px 7px;
}
span.gokaku-text{
font-size:19px;
}
.gokaku-title{
font-size:16px;
}
}

@media (max-width: 320px) {
#gokaku table th,#gokaku table td{
font-size:16px;
padding:3px 4px;
}
span.gokaku-text{
font-size:18px;
}
}

/*まなべや*/
#taiken{
margin-bottom:-4rem;
margin-top:4rem;
background:url(img/taiken.png);
padding:2.5rem 0 1.5rem;
}

#taiken h3{
line-height:1.6;
}

#taiken h3 small{
font-weight:bold;
}

#menu h3.course{
font-size:1.2rem;
text-align:center;
margin:1rem 0;
background:#0DAC67;;
font-weight:700;
border-radius:3px;
padding:0.3rem 0;
color:#ffffff;
}
#menu h3.course small{
font-size:1rem;
color:#ffffff;
}
.m-info th{
width:80px;
padding-left:0;
padding-right:0;
}
#info .line-info p{
line-height:1.4!important;
}
#info .line-info img{
width:300px;
}

#voice .container{
max-width:1020px;
}

.voice{
background:#ffffff;
border:1px solid #cccccc;
padding:20px 20px 10px;
margin:0 10px;
}

.voice p{
font-size:14px;
line-height:1.6;
height:250px;
margin-top:20px;
padding-top:15px;
border-top:1px dotted #ccc;
}

.voice p span{
color:#e3007f;
font-weight:500;
}

.voice-slide{
margin:0 auto;
}

#qa{
background:url(img/back.png) center center;
background-size:cover;
color:#fff;
}
#qa h4{
font-weight:700;
text-align: justify;
}
#qa p{
line-height:1.5;
text-align: justify;
  }
.qa{
background:#ea508b;
width:30px;
height:30px;
display:block;
flex-shrink: 0;
border-radius: 100vh;
line-height:28px;
text-align:center;
color:#fff;
font-weight:700;
font-size:16px;
}
.qa.qaq{
  background:#0DAC67;
  }

#facebook{
background:rgba(255,255,255,0.7)
}

.fb{
width:500px;
margin:0 auto;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

@media (max-width: 991px) {
#voice .container{
max-width:400px;
}
}

@media (max-width: 767px) {
#taiken{
margin-bottom:-4rem;
margin-top:2.5rem;
background:url(img/taiken.png);
padding:2.5rem 0 2.5rem;
}

#menu h3.course{
font-size:1rem;
}
.m-info th{
width:60px;
padding-left:0;
padding-right:0;
}
.m-info td{
padding-right:0;
}
.voice p{
height:180px;
font-size:13px;
margin-top:15px;
padding-top:15px;
}
.voice{
padding:10px 10px 10px;
margin:0 5px;
}
.fb{
width:100%;
}
}
@media (max-width: 320px) {
#taiken h3{
font-size:1.05rem;
}
.voice p{
height:220px;
font-size:13px;
}
}

/*page-ongaku*/
#page-ongaku .enter{
font-size:1.3rem;
font-weight:700;
}

#page-ongaku .bg-twhite{
border:2px solid #B7AB7C;
background:url(img/about-back.png) rgba(255,255,255,0.5) right bottom no-repeat;
background-size:340px;
}

#page-ongaku .covid{
width:780px;
}

#page-ongaku .page-title span{
border-bottom:2px solid #877325;
}

#page-ongaku h3.sub-h3{
position:relative;
top:2rem;
font-size:1.25rem;
line-height:1.6rem;
background:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,#F7F2DF 50%,#F7F2DF 100%);
display:inline-block;
}

#page-ongaku table.ongaku-about{
margin-bottom:0;
font-family: "Sawarabi Mincho";
font-weight:700;
}

#page-ongaku table.ongaku-about td,#page-ongaku table.ongaku-about th{
border:0;
vertical-align:middle;
}

#page-ongaku table.ongaku-about th{
width:120px;
}

#page-ongaku table.ongaku-about td{
padding-right:3.8rem;
}

#page-ongaku table.ongaku-about hr{
margin:0;
border-style:dotted;
border-color:#cccccc;
}

#page-ongaku table.ongaku-about mark{
margin:0 0.3rem;
padding:0.2rem 1.3rem;
color:#ffffff;
}

#page-ongaku #instractor{
padding:3rem 0 3.8rem;
margin-top:4rem;
position:relative;
}

#page-ongaku #instractor .instractor-waku{
width:156px;
position:relative;
}

#page-ongaku #instractor .instractor-waku-sub{
width:126px;
position:relative;
}

#page-ongaku #instractor .insta-top-back{
position:absolute;
top:-70px;
}

#page-ongaku #instractor .insta-bottom-back{
position:absolute;
bottom:-60px;
right:0;
}

.genre mark{
background:rgba(135,115,37,0.9)
}

.inst mark{
background:rgba(100,85,31,0.9);
padding-right:1rem!important;
padding-left:1rem!important;
}

.lesson mark{
background:rgba(67,57,24,0.9)
}

.service mark{
background:rgba(255,255,255,0.9);
border:1px solid #D1B22F;
color:#333333!important;
}

#page-ongaku #instractor .name{
position:absolute;
bottom:0;
left:0rem;
background:rgba(255,255,255,0.7);
width:100%;
padding-bottom:0.3rem;
line-height:1rem;
font-family: "Sawarabi Mincho";
font-weight:700;
}

#page-ongaku #instractor .name small,#page-ongaku #instractor h4 small{
font-weight:700;
color:#996600;
}

#page-ongaku #instractor h4{
font-family: "Sawarabi Mincho";
font-weight:700;
font-size:1.2rem;
border-bottom:1px dotted #cccccc;
padding-bottom:0.5rem;
margin-bottom:0.5rem;
}

#page-ongaku #instractor h4 small{
font-size:0.8rem;
font-family: "Noto Sans Japanese";
display:block;
margin-bottom:5px;
}

img.float-left{
width:35%;
}

#page-ongaku #menu .s-container{
width:820px;
}

#page-ongaku #menu table{
background:rgba(255,255,255,0.6);
margin-bottom:0.4rem;
}

#page-ongaku #menu{
padding:3rem 0 3.5rem;
}

#page-ongaku #menu .point{
position:absolute;
top:-20px;
left:0px;
width:100px;
}

#page-ongaku #menu td{
font-weight:500;
width:22%;
vertical-align:middle;
text-align:right;
background:#eeeeee;
}

#page-ongaku #menu th span{
font-weight:500;
color:#666666;
font-size:0.8rem;
display:block;
margin-top:0.3rem;
}

#page-ongaku #menu h4{
font-family: "Sawarabi Mincho";
font-weight:700;
font-size:1.3rem;
padding:10px 0;
background: rgb(8,18,60);
background: linear-gradient(160deg, rgba(8,18,60,1) 0%, rgba(8,17,120,1) 100%);
}

#page-ongaku #menu h4.juken{
background: rgb(117,24,35);
background: linear-gradient(160deg, rgba(117,24,35,1) 0%, rgba(171,19,61,1) 100%);
}

#page-ongaku #menu h4.other{
background: rgb(85,70,14);
background: linear-gradient(160deg, rgba(40,31,3,1) 0%, rgba(85,70,14,1) 100%);
}

#page-ongaku #menu h4 small{
font-size:0.9rem;
font-weight:700;
font-family: "Noto Sans Japanese", san-serif;
line-height:1.3rem;
}

#page-ongaku #menu p{
font-size:0.8rem;
margin:0;
line-height:1.5;
}

#page-ongaku #menu th,#page-ongaku #menu td{
border-bottom:1px dotted #cccccc;
border-top:0px dotted #cccccc;
}

#page-ongaku #menu .mt-3 th{
width:220px;
}

#page-ongaku #menu .border table{
max-width:760px;
margin:0 auto;
}

#page-ongaku #menu .border table small{
font-size:0.8rem;
}

#page-ongaku #menu .border td,#page-ongaku #menu .border th{
border-top:0px dotted #cccccc;
border-bottom:0px dotted #cccccc;
}

.bg-brown .nav-item{
background:rgba(215,203,190,0.3);
border:1px solid rgba(215,203,190,0.5);
font-size:1rem;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-family: "Sawarabi Mincho";
font-weight:700;
}

.sub-nav .nav-item{
background:#009966;
font-size:1rem;
font-weight:700;
}

.bg-brown ul,.sub-nav ul{
width:820px;
margin:0 auto;
}

.bg-brown a.nav-link{
color:#E8CF64;
}

.sub-nav a.nav-link{
color:#ffffff;
padding-right:0;
padding-left:0;
}

.bg-brown .nav-item,.sub-nav .nav-item{
padding-right:0rem;
padding-left:0rem;
}

#page-ongaku #reservation{
padding:3rem 0 4rem;
}

#page-ongaku .map{
border:1px dotted #cccccc;
}

@media (max-width: 991px) {
.bg-brown .nav-item{
font-size:0.8rem;
}

.bg-brown ul,.sub-nav ul{
width:100%;
}
#page-ongaku table.ongaku-about mark{
display:inline-block;
margin-top:0.5rem;
}

#page-ongaku table.ongaku-about th{
margin-top:10px;
}

#page-ongaku table.ongaku-about td,#page-ongaku table.ongaku-about th{
display:block;
text-align:center;
padding:10px 0 0;
width:100%;
}

#page-ongaku table.ongaku-about td{
padding-right:0rem;
}

#page-ongaku h3.sub-h3{
position:static;
font-size:1.2rem;
line-height:1.7;
}

#page-ongaku #instractor .d-flex{
padding-bottom:20px;
}

#page-ongaku .map{
border:0px dotted #cccccc;
}

#page-ongaku .fb{
max-width:320px;
margin:0 auto;
}
}

@media (max-width: 767px) {
#page-ongaku #menu .s-container{
width:100%;
}
#page-ongaku #info table td,#page-ongaku #info table th{
display:block;
}
#page-ongaku #instractor .instractor-waku{
width:140px;
}

#page-ongaku .bg-twhite{
background-size:280px;
}
.bg-brown .nav-item{
font-size:0.7rem;
font-family: "Noto Sans Japanese";
}
#page-ongaku #menu th,#page-ongaku #menu td{
display:block;
width:100%;
}
#page-ongaku #menu th{
padding-right:5px;
}
#page-ongaku #menu td{
padding-top:6px;
padding-bottom:6px;
}
#page-ongaku h3.sub-h3{
font-size:1.1rem;
line-height:1.7;
}
#page-ongaku table.ongaku-about{
font-size:0.8rem;
}
#page-ongaku #menu table,#page-ongaku #info table{
font-size:14px;
}
#page-ongaku #menu h4{
font-size:1rem;
padding-right:5px;
padding-left:5px;
}
#page-ongaku #instractor h4 small{
font-size:0.8rem;
}
#page-ongaku #menu h4 small{
font-size:0.8rem;
font-weight:500;
line-height:1.3rem;
}

#page-ongaku #instractor .insta-top-back{
width:280px;
}

#page-ongaku #instractor .insta-bottom-back{
width:280px;
}

#page-ongaku #reservation{
padding:2rem 0 2.5rem;
}

.sub-nav .nav-item{
font-size:0.8rem;
border-right:2px solid #fff;
}
}

@media (max-width: 320px) {
.sub-nav .nav-item{
font-size:0.7rem;
border-right:1px solid #fff;
}
}

/*footer*/
footer{
background-color:#ffffff;
}

@media (max-width: 991px) {
footer > .navbar > .container{
  display: block;
  text-align:center;
}
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  border-radius: 30px;
  width: 45px;
  height: 45px;
  line-height:45px;
  background-color: #009a63;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.cf{
max-width:650px;
margin:0rem auto 2rem;
padding-top:1rem;
}