@charset "UTF-8";
/* Scss Document */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, section, figure {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 140%; }

@media screen and (min-width: 1200px) {
  #about, #step, #for, #faq, #access {
    padding-top: 220px;
    margin-top: -220px; } }
.clear {
  clear: both; }

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
  color: #555; }

img {
  vertical-align: bottom;
  border: none; }

@media screen and (min-width: 1200px) {
  header {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 10000; } }

.headline {
  margin: 0px auto;
  padding: 10px 0px;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .headline {
      width: 1200px;
      height: 70px; } }
  .headline h1 {
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 4px 0px 0px 54px;
    height: 54px;
    color: #006847;
    font-size: 16px;
    background-image: url(../images/junior/logo.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 46px;
    text-align: left;
    font-family: "tbchibirgothicplusk-pro";
    font-weight: normal; }
    @media screen and (max-width: 1199px) {
      .headline h1 {
        margin: 10px 0px 0px 10px; } }
    @media screen and (max-width: 469px) {
      .headline h1 {
        margin: 10px 70px 0px 10px;
        font-size: 12px; } }
  .headline figure {
    float: right;
    margin: 0px 0px -20px 0px; }
    @media screen and (max-width: 1199px) {
      .headline figure {
        display: none; } }

@media screen and (max-width: 1199px) {
  p#toggle {
    margin: -48px 0px 0px 0px;
    right: 4px;
    position: absolute;
    color: #fff;
    background-color: #006847;
    width: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    line-height: 30px;
    -webkit-tap-highlight-color: transparent; }

  p#toggle:after {
    content: "MENU"; }

  p#toggle.active:after {
    content: "CLOSE"; } }
.menu {
  background-color: #0fb3b3;
  font-family: "tbchibirgothicplusk-pro";
  font-weight: normal; }
  .menu li {
    display: inline-block; }
  .menu a {
    padding: 10px;
    height: 24px;
    color: #fff;
    text-decoration: none;
    display: block; }
    @media screen and (max-width: 429px) {
      .menu a {
        font-size: 14px; } }
  .menu a.contact {
    color: #fff600; }
  @media screen and (max-width: 1199px) {
    .menu {
      display: none; }
      .menu li {
        display: inherit;
        border-color: #fff;
        border-style: dashed;
        border-width: 0px 0px 1px 0px; } }

h2.subtitle {
  margin: 0px auto 40px auto;
  background-image: url(../images/junior/h2.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 743px;
  height: 79px;
  color: #fff;
  font-size: 36px;
  text-align: center;
  line-height: 79px;
  font-family: "tbchibirgothicplusk-pro";
  font-weight: normal; }
  @media screen and (max-width: 899px) {
    h2.subtitle {
      width: 595px;
      height: 64px;
      line-height: 64px;
      font-size: 24px;
      background-size: 100%; } }
  @media screen and (max-width: 619px) {
    h2.subtitle {
      width: 446px;
      height: 48px;
      line-height: 48px;
      font-size: 20px; } }
  @media screen and (max-width: 459px) {
    h2.subtitle {
      margin: 0px auto 20px auto;
      width: 312px;
      height: 34px;
      line-height: 34px;
      font-size: 18px; } }

/* メインイメージ //////////////////////////////////////////////////// */
.main-wrap {
  padding: 134px 10px 40px 10px;
  background-color: #98D7CE; }
  @media screen and (max-width: 1199px) {
    .main-wrap {
      padding: 0px 10px 40px 10px; } }
  @media screen and (max-width: 699px) {
    .main-wrap {
      padding: 20px 10px 20px 10px; } }

.monkey {
  text-align: right; }
  .monkey img {
    width: 160px;
    height: auto; }
    @media screen and (max-width: 1023px) {
      .monkey img {
        width: 140px; } }
    @media screen and (max-width: 779px) {
      .monkey img {
        width: 120px; } }
  @media screen and (max-width: 699px) {
    .monkey {
      display: none; } }

.main {
  margin: -160px auto 0px auto;
  background-color: #fff;
  border-radius: 12px;
  background-image: url(../images/junior/main.jpg);
  background-position: left;
  background-repeat: no-repeat;
  font-family: "tbchibirgothicplusk-pro";
  font-weight: normal;
  padding: 0px 0px 0px 520px;
  width: 680px;
  height: 700px;
  /* @media screen and (min-width:1220px) {
  	padding: 0px 0px 0px 520px;
  	width: 1200px - 520px;
  	height: 700px;
  } */
  /* @media screen and (max-width:1199px) {
  	padding: 0px 0px 0px 520px;
  	width: auto;
  } */ }
  @media screen and (max-width: 1219px) {
    .main {
      zoom: 90%; } }
  @media screen and (max-width: 1099px) {
    .main {
      zoom: 80%; } }
  @media screen and (max-width: 979px) {
    .main {
      zoom: 70%;
      margin: -180px auto 0px auto; } }
  @media screen and (max-width: 859px) {
    .main {
      zoom: 60%; } }
  @media screen and (max-width: 779px) {
    .main {
      zoom: inherit;
      margin: -100px auto 0px auto;
      padding: 0px 0px 20px 40%;
      background-size: 38%;
      width: auto;
      height: auto; } }
  @media screen and (max-width: 699px) {
    .main {
      margin: 0px auto 0px auto;
      padding: 0px 0px 20px 0px;
      background-image: url(../images/junior/main.png);
      background-position: left top;
      background-size: 140px; } }
  @media screen and (max-width: 439px) {
    .main {
      margin: 0px auto 0px auto;
      padding: 0px 0px 20px 0px;
      background-size: 100px; } }
  @media screen and (max-width: 389px) {
    .main {
      background-size: 70px; } }

.catch {
  padding: 40px 0px 40px 40px;
  text-align: left; }
  @media screen and (max-width: 779px) {
    .catch {
      padding: 40px 0px 20px 20px; } }
  @media screen and (max-width: 699px) {
    .catch {
      padding: 40px 0px 20px 160px; } }
  @media screen and (max-width: 439px) {
    .catch {
      padding: 20px 0px 20px 110px; } }
  @media screen and (max-width: 389px) {
    .catch {
      padding: 10px 0px 10px 75px; } }
  .catch p {
    color: #f9bb26;
    font-size: 36px; }
    @media screen and (max-width: 779px) {
      .catch p {
        font-size: 20px; } }
    @media screen and (max-width: 339px) {
      .catch p {
        font-size: 16px; } }
  .catch h2 {
    font-size: 40px; }
    @media screen and (max-width: 779px) {
      .catch h2 {
        font-size: 20px; } }
    @media screen and (max-width: 339px) {
      .catch h2 {
        font-size: 16px; } }
    .catch h2 .kobetsu {
      font-size: 44px;
      color: #ffa090; }
      @media screen and (max-width: 779px) {
        .catch h2 .kobetsu {
          font-size: 20px; } }
      @media screen and (max-width: 339px) {
        .catch h2 .kobetsu {
          font-size: 18px; } }
    .catch h2 .eigo {
      font-size: 44px;
      color: #80c269; }
      @media screen and (max-width: 779px) {
        .catch h2 .eigo {
          font-size: 20px; } }
      @media screen and (max-width: 339px) {
        .catch h2 .eigo {
          font-size: 18px; } }

.points li {
  margin: 10px;
  display: inline-block;
  padding: 60px 0px 0px 0px;
  width: 280px;
  height: 140px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  border-radius: 12px; }
  @media screen and (max-width: 779px) {
    .points li {
      display: inherit;
      height: auto;
      width: 90%;
      margin: 10px auto;
      padding: 5px 0px 10px 0px;
      font-size: 20px; }
      .points li br {
        display: none; } }
  @media screen and (max-width: 379px) {
    .points li {
      font-size: 16px; } }
.points li.p1 {
  background-color: #ffa090; }
.points li.p2 {
  background-color: #f9bb26; }
.points li.p3 {
  background-color: #80c269; }
.points li.p4 {
  background-color: #6abfe8; }

.cat {
  text-align: left;
  margin: -80px 0px 0px 4%; }
  .cat img {
    width: 130px;
    height: auto; }
    @media screen and (max-width: 1023px) {
      .cat img {
        width: 120px; } }
  @media screen and (max-width: 779px) {
    .cat {
      margin: -50px 0px 0px 4%; }
      .cat img {
        width: 100px; } }
  @media screen and (max-width: 699px) {
    .cat {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 20px 0px; }
      .cat img {
        display: none; } }

/* ジュニアコース案内 //////////////////////////////////////////////////// */
.about-wrap {
  margin: -95px 0px 0px 0px;
  background-image: url(../images/junior/boy.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #fff; }
  @media screen and (max-width: 1199px) {
    .about-wrap {
      margin: -50px 0px 0px 0px;
      padding: 0px 0px 50px 0px;
      background-size: 80%;
      background-position: right bottom; } }
  @media screen and (max-width: 699px) {
    .about-wrap {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 100px 0px;
      background-size: 70%; } }

.about {
  margin: 0px auto;
  text-align: left; }
  .about p {
    font-size: 18px;
    line-height: 160%;
    padding: 0px 0px 20px 50px;
    text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8); }
  @media screen and (min-width: 1200px) {
    .about {
      padding: 40px 450px 0px 0px;
      width: 750px;
      height: 640px;
      text-align: left; } }
  @media screen and (max-width: 929px) {
    .about p {
      padding: 0px 33% 20px 20px; } }
  @media screen and (max-width: 689px) {
    .about p {
      padding: 0px 20px 20px 20px;
      font-size: 16px; } }

.whale {
  margin: -80px auto 0px auto; }
  @media screen and (max-width: 1199px) {
    .whale {
      margin: -40px auto 0px auto; }
      .whale img {
        width: 140px;
        height: auto; } }

.reason-wrap {
  margin: -70px auto 0px auto;
  padding: 100px 0px 60px 0px;
  background-color: #cff0f0; }

.reason {
  margin: 0px auto; }
  @media screen and (min-width: 1200px) {
    .reason {
      padding: 0px 0px 0px 0px;
      width: 1200px; } }
  .reason li {
    margin: 20px;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-radius: 12px;
    width: 440px;
    min-height: 440px;
    text-align: left; }
    @media screen and (max-width: 1079px) {
      .reason li {
        margin: 10px; } }
    .reason li .num {
      margin: -20px 0px -67px 0px;
      z-index: 10;
      position: relative; }
      @media screen and (max-width: 819px) {
        .reason li .num {
          margin: -20px 0px -40px 0px; }
          .reason li .num img {
            width: 70px;
            height: auto; } }
    .reason li figure {
      margin: 0px 0px 0px 0px;
      z-index: 1; }
    .reason li h3 {
      margin: 0px 0px 10px 0px;
      font-family: "tbchibirgothicplusk-pro";
      font-weight: normal;
      font-size: 24px; }
    .reason li h3.reason1 {
      color: #ffa090; }
    .reason li h3.reason2 {
      color: #f9bb26; }
    .reason li h3.reason3 {
      color: #80c269; }
    .reason li h3.reason4 {
      color: #6abfe8; }
    @media screen and (max-width: 999px) {
      .reason li {
        display: inherit;
        width: inherit;
        min-height: inherit; }
        .reason li figure, .reason li div {
          display: table-cell;
          vertical-align: top; }
        .reason li figure {
          padding: 0px 20px 0px 0px; }
          .reason li figure img {
            width: 300px;
            height: auto; } }
    @media screen and (max-width: 819px) {
      .reason li {
        display: inherit;
        width: inherit;
        min-height: inherit; }
        .reason li figure, .reason li div {
          display: table-cell;
          vertical-align: top; }
        .reason li figure {
          padding: 0px 20px 0px 0px; }
          .reason li figure img {
            width: 240px;
            height: auto; } }
    @media screen and (max-width: 759px) {
      .reason li {
        display: inherit;
        width: inherit;
        min-height: inherit; }
        .reason li h3 {
          font-size: 20px; }
        .reason li figure, .reason li div {
          display: table-cell;
          vertical-align: top; }
        .reason li figure {
          padding: 0px 20px 0px 0px; }
          .reason li figure img {
            width: 200px;
            height: auto; } }
    @media screen and (max-width: 599px) {
      .reason li {
        display: inherit;
        width: inherit;
        min-height: inherit; }
        .reason li br {
          display: none; }
        .reason li figure, .reason li div {
          display: table-cell;
          vertical-align: top; }
        .reason li figure {
          padding: 0px 20px 0px 0px; }
          .reason li figure img {
            width: 160px;
            height: auto; } }
    @media screen and (max-width: 529px) {
      .reason li {
        display: inherit;
        width: inherit;
        min-height: inherit; }
        .reason li br {
          display: none; }
        .reason li figure, .reason li div {
          display: inherit;
          vertical-align: top; }
        .reason li figure {
          margin: 0px auto;
          padding: 0px 0px 10px 0px; }
          .reason li figure img {
            width: 200px;
            height: auto; } }

/* 大まかなステップ //////////////////////////////////////////////////// */
.step {
  margin: 0px auto;
  padding: 40px 0px 60px 0px; }
  @media screen and (max-width: 699px) {
    .step {
      padding: 20px 0px 30px 0px; } }
  .step h3 {
    padding: 0px 0px 20px 0px;
    font-size: 24px;
    font-family: "tbchibirgothicplusk-pro";
    font-weight: normal; }
    @media screen and (max-width: 699px) {
      .step h3 {
        font-size: 20px; } }
    .step h3 span {
      color: #ff674d;
      font-size: 30px; }
      @media screen and (max-width: 699px) {
        .step h3 span {
          font-size: 24px; } }
  .step li {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    background-image: url(../images/junior/arrow-step.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0px 30px 0px 10px; }
    .step li div {
      border-color: antiquewhite;
      border-style: solid;
      border-width: 8px;
      border-radius: 4px;
      padding: 20px 0px 0px 0px;
      height: 140px;
      color: #ff674d;
      font-size: 18px;
      font-family: "tbchibirgothicplusk-pro";
      font-weight: normal; }
    .step li figure {
      padding: 0px 0px 10px 0px; }
    @media screen and (max-width: 1019px) {
      .step li {
        margin: 0px auto 5px auto;
        padding: 0px 0px 30px 0px;
        display: inherit;
        width: 80%;
        background-image: url(../images/junior/arrow-step-b.png);
        background-position: center bottom;
        background-repeat: no-repeat; }
        .step li br {
          display: none; }
        .step li div {
          height: inherit;
          padding: 0px 0px 0px 0px;
          border-width: 0px;
          background-color: antiquewhite; }
        .step li figure, .step li p {
          display: table-cell;
          padding: 5px; }
        .step li p {
          text-align: left; }
        .step li img {
          vertical-align: middle; } }
    @media screen and (max-width: 399px) {
      .step li {
        width: 90%; } }
  .step li:last-child {
    background-image: none;
    padding: 0px 0px 0px 10px; }
    @media screen and (max-width: 1019px) {
      .step li:last-child {
        padding: 0px 0px 0px 0px; } }

/* こんな人 //////////////////////////////////////////////////// */
.konnahito {
  margin: 0px auto 60px auto;
  background-image: url(../images/junior/elephant.png);
  background-position: left;
  background-repeat: no-repeat;
  text-align: left; }
  @media screen and (min-width: 1020px) {
    .konnahito {
      padding: 0px 0px 0px 360px;
      width: 600px;
      min-height: 300px; } }
  @media screen and (max-width: 1019px) {
    .konnahito {
      margin: 0px auto 30px auto;
      padding: 100px 0px 0px 0px;
      width: auto;
      min-height: inherit;
      background-position: center top;
      background-size: 120px; } }
  .konnahito h3 {
    padding: 0px 0px 40px 0px;
    font-size: 36px;
    font-family: "tbchibirgothicplusk-pro";
    font-weight: normal; }
    @media screen and (max-width: 1019px) {
      .konnahito h3 {
        text-align: center;
        font-size: 24px; } }
  .konnahito ul {
    padding: 0px 0px 0px 10px; }
  .konnahito li {
    padding: 0px 0px 20px 0px;
    list-style: none;
    font-size: 18px; }
    @media screen and (max-width: 1019px) {
      .konnahito li {
        padding: 0px 0px 10px 0px;
        font-size: 16px;
        text-align: center; } }
    @media screen and (max-width: 399px) {
      .konnahito li {
        text-align: left; } }
  .konnahito li:before {
    content: "●";
    color: #95d541;
    padding: 0px 8px 0px 0px; }
  .konnahito strong {
    font-weight: normal;
    color: #ff674d;
    font-size: 24px; }
    @media screen and (max-width: 1019px) {
      .konnahito strong {
        font-size: 16px; } }

/* よくある質問 //////////////////////////////////////////////////// */
.faq {
  margin: 0px auto 80px auto; }
  @media screen and (max-width: 699px) {
    .faq {
      margin: 0px auto 40px auto; } }
  .faq .kangaroo {
    text-align: right;
    margin: -70px 10% -80px 0px; }
    @media screen and (max-width: 1199px) {
      .faq .kangaroo {
        margin: -70px 0px -80px 0px; } }
    @media screen and (max-width: 999px) {
      .faq .kangaroo {
        margin: -50px 0px -70px 0px; }
        .faq .kangaroo img {
          width: 140px;
          height: auto; } }
  .faq dl {
    margin: 0px auto;
    padding: 20px; }
    @media screen and (min-width: 840px) {
      .faq dl {
        width: 800px; } }
  .faq dt {
    margin: 0px 80px 20px 0px;
    padding: 10px;
    position: relative;
    background: #fff;
    border: 2px solid #c5e897;
    text-align: left;
    border-radius: 4px; }
    @media screen and (max-width: 599px) {
      .faq dt {
        margin: 0px 40px 20px 0px; } }
    @media screen and (max-width: 439px) {
      .faq dt {
        margin: 0px 20px 20px 0px; }
        .faq dt br {
          display: none; } }
    .faq dt p {
      padding: 14px 0px 14px 48px;
      background-image: url(../images/junior/faq-q.png);
      background-position: left top;
      background-repeat: no-repeat; }
  .faq dt:after, .faq dt:before {
    right: 100%;
    top: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .faq dt:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px; }
  .faq dt:before {
    border-color: rgba(197, 232, 151, 0);
    border-right-color: #c5e897;
    border-width: 13px;
    margin-top: -13px; }
  .faq dd {
    margin: 0px 0px 0px 80px;
    padding: 10px;
    position: relative;
    background: #e2f4ca;
    text-align: left;
    border-radius: 4px; }
    @media screen and (max-width: 599px) {
      .faq dd {
        margin: 0px 0px 0px 40px; } }
    @media screen and (max-width: 439px) {
      .faq dd {
        margin: 0px 0px 0px 20px; }
        .faq dd br {
          display: none; } }
    .faq dd p {
      padding: 14px 0px 14px 56px;
      background-image: url(../images/junior/faq-a.png);
      background-position: left top;
      background-repeat: no-repeat; }
  .faq dd:after {
    left: 100%;
    top: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(226, 244, 202, 0);
    border-left-color: #e2f4ca;
    border-width: 10px;
    margin-top: -10px; }

/* アクセス //////////////////////////////////////////////////// */
.access p {
  font-size: 18px; }
.access .school {
  margin: 40px auto;
  text-align: center;
  width: 1060px; }
.access .photo, .access .map {
  display: table-cell;
  vertical-align: top; }
.access .photo {
  width: 370px; }
  .access .photo li {
    list-style: none;
    margin: 0px 20px 20px 0px; }
.access .map iframe {
  border: none; }
@media screen and (max-width: 1069px) {
  .access .school {
    margin: 20px auto 20px auto;
    width: auto;
    text-align: center; }
  .access .photo, .access .map {
    display: inherit; }
  .access .photo {
    width: auto; }
    .access .photo li {
      display: inline-block;
      margin: 0px 5px 20px 5px; }
      .access .photo li img {
        width: 240px;
        height: auto; } }
      @media screen and (max-width: 1069px) and (max-width: 499px) {
        .access .photo li img {
          width: 140px; } }

@media screen and (max-width: 699px) {
  .access iframe {
    width: 96%; } }
@media screen and (max-width: 499px) {
  .access iframe {
    height: 300px; } }

/* フッター //////////////////////////////////////////////////// */
p.copy {
  font-size: 14px;
  color: #555;
  padding: 0px 0px 40px 0px; }
  @media screen and (max-width: 1199px) {
    p.copy {
      padding: 0px 0px 140px 0px; } }
  @media screen and (max-width: 599px) {
    p.copy {
      padding: 0px 0px 40px 0px; } }
  p.copy a {
    color: #0fb3b3; }

footer {
  background-color: #0fb3b3;
  color: #fff;
  width: 100%; }
  @media screen and (max-width: 1199px) {
    footer {
      position: fixed;
      bottom: 0px;
      z-index: 10000; } }
  @media screen and (max-width: 599px) {
    footer {
      position: inherit; } }
  footer .f-cont {
    margin: 0px auto;
    padding: 10px 10px; }
    @media screen and (min-width: 1024px) {
      footer .f-cont {
        padding: 20px 0px;
        width: 1000px; } }
    @media screen and (max-width: 599px) {
      footer .f-cont {
        padding: 0px; } }
  footer .f-catch, footer .f-contact {
    display: table-cell;
    vertical-align: middle; }
    @media screen and (max-width: 599px) {
      footer .f-catch, footer .f-contact {
        display: inherit; } }
  footer .f-catch {
    padding: 0px 20px 0px 0px;
    text-align: left;
    font-size: 24px;
    font-family: "tbchibirgothicplusk-pro";
    font-weight: normal; }
    @media screen and (min-width: 1024px) {
      footer .f-catch {
        width: 670px; } }
    @media screen and (max-width: 1023px) {
      footer .f-catch {
        font-size: 18px; } }
    @media screen and (max-width: 699px) {
      footer .f-catch {
        font-size: 16px;
        padding: 0px 5px 0px 0px; } }
    @media screen and (max-width: 599px) {
      footer .f-catch {
        padding: 8px 0px 100px 0px;
        text-align: center; } }
    footer .f-catch .small {
      font-size: 14px; }
    footer .f-catch .yellow1 {
      color: #fff600; }
    footer .f-catch .yellow2 {
      color: #fff600;
      font-size: 30px; }
      @media screen and (max-width: 1023px) {
        footer .f-catch .yellow2 {
          font-size: 20px; } }
      @media screen and (max-width: 699px) {
        footer .f-catch .yellow2 {
          font-size: 16px; } }
  @media screen and (max-width: 789px) {
    footer .f-contact img {
      width: 200px;
      height: auto; } }
  @media screen and (max-width: 599px) {
    footer .f-contact {
      position: fixed;
      bottom: 0px;
      z-index: 10000;
      background-color: #0fb3b3;
      width: 100%;
      padding: 5px 0px; }
      footer .f-contact img {
        width: 220px;
        height: auto; } }

.f_btn {
  position: fixed;
  bottom: 4px;
  right: 4px;
  width: 40px;
  z-index: 10000; }

.pagetop_btn {
  font-size: 18px;
  line-height: 40px;
  background: #006847;
  text-decoration: none;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  border-radius: 8%; }