@charset "UTF-8";
/* ******************************************************************************** */
/*  七星文庫　index.scss                                                            */
/*                                                                        17.05.24  */
/* ******************************************************************************** */
/* ================================================================================ */
/*      外部CSS読み込み                                                             */
/* ================================================================================ */
@import url("./common.css");
/* ================================================================================ */
/*      トップページ                                                                */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      枠組み                                                                      */
/* -------------------------------------------------------------------------------- */
/* サイズ別設定
----------------------------------------------- */
@media (max-width: 991px) {
  .col-md-6:nth-child(even) {
    margin-top: 10px; } }

/* -------------------------------------------------------------------------------- */
/*      フッター                                                                    */
/* -------------------------------------------------------------------------------- */
.footer {
  background-color: #f9f9f9;}
/* -------------------------------------------------------------------------------- */
/*      ジャンボトロン                                                              */
/* -------------------------------------------------------------------------------- */
.jumbotron {
  background-image: url(../img/photo.jpg);
  background-position: left center;
  margin-bottom: 0px;}
.jumbotron .container {
  padding-top: 45px;
  padding-top: 4.5rem;
  padding-bottom: 45px;
  padding-bottom: 4.5rem;    }

.jumbotron .container .col-xs-12 h1 {
  font-size: 5rem; font-size: 50px;
  margin-bottom: 3rem; }

.jumbotron .container .col-xs-12 p {
  font-size: 2rem; font-size: 20px;}

/* -------------------------------------------------------------------------------- */
/*      タイトル                                                                */
/* -------------------------------------------------------------------------------- */
.title-header {
  margin-bottom: 3rem; margin-bottom: 30px;
}
.title-header h2{
  background: #2B353E;
  color: #fff;
  padding: 3rem; padding: 30px;
  text-align: center;
  margin: 0px;
}
.title-header .tri-border {
  bottom: -1.8rem; bottom: -18px;
  width: 100%;
  z-index: 20;
}
.title-header .tri-border span {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 58px solid transparent;
  border-right: 58px solid transparent;
  border-top: 20px solid #2B353E;
  margin-top: -1px;
}
/* -------------------------------------------------------------------------------- */
/*      七星文庫について                                                        */
/* -------------------------------------------------------------------------------- */
#about {
  padding-bottom: 30px;
  padding-bottom: 3rem; }

/* -------------------------------------------------------------------------------- */
/*      切手とコインの博物館                                                        */
/* -------------------------------------------------------------------------------- */
#museum {
  padding-bottom: 30px;
  padding-bottom: 3rem;
  background-color: #f1f2f2; }

/* -------------------------------------------------------------------------------- */
/*      奨学生応募要項                                                        */
/* -------------------------------------------------------------------------------- */
#requirements {
  padding-bottom: 30px;
  padding-bottom: 3rem; }

/* -------------------------------------------------------------------------------- */
/*      応募フォーム                                                                */
/* -------------------------------------------------------------------------------- */
#form {
  padding-bottom: 30px;
  padding-bottom: 3rem;
  background-color: #ffff00;
 }
#form .scale {
      overflow: hidden;
  }
#form .scale img {
      -moz-transition: -moz-transform 0.7s linear;
      -webkit-transition: -webkit-transform 0.7s linear;
      -o-transition: -o-transform 0.7s linear;
      -ms-transition: -ms-transform 0.7s linear;
      transition: transform 0.7s linear;
  }
#form .scale img:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
  }

/* -------------------------------------------------------------------------------- */
/*      BANNER                                                                      */
/* -------------------------------------------------------------------------------- */
  .banner {
      margin-top: 0rem; margin-top: 0px;}

/* ================================================================================ */
/*      レスポンシブル設定                                                            */
/* ================================================================================ */
/* --- Small devices: Tablets (992px未満) --- */
 @media (min-width: 768px) and (max-width: 991px) {
   .jumbotron h1{
     font-size: 45px; font-size: 4.5rem !important;
     text-align: center;
   }
   .illust{
     display: none;}
 }

 /* --- Extra small devices: Phones (768px未満) --- */
 @media (max-width: 767px) {
   .illust{
     display: none;
   }
 }

 @media (max-width: 480px) {
   .jumbotron .container .col-xs-12 h1 {
     font-size: 2.8rem; font-size: 28px;
    text-align: center;
   }
   .jumbotron .container .col-xs-12 p {
     font-size: 1.5rem; font-size: 15px;
   }
   .illust{
     display: none;
   }
 }