/*タイトル用webフォントのインポート*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, 
Arial, Helvetica, sans-serif;font-size: 16px;line-height: 1.6;}
h1,h2,h3,h4,h5 {font-weight: bold;font-family: 'Noto Sans Japanese', sans-serif; margin-top: 10px !important;margin-bottom: 10px !important;}
h1 { font-size: 28px; font-weight: normal;margin: 0;}
h2 { font-size: 24px; font-weight: normal;margin: 0;background: #00AD0A;color: #FFF;padding: 10px;
  background: -moz-linear-gradient(
    top,
    #394F76 0%,
    #394F76 50%,
    #374C72 50%,
    #374C72 65%,
    #374C72);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#394F76),
    color-stop(0.50, #394F76),
    color-stop(0.50, #374C72),
    color-stop(0.65, #374C72),
    to(#374C72));
  -moz-box-shadow:
    0 0 0 rgba(255,255,255,0),
    inset 0 0 0 rgba(255,255,255,0);
  -webkit-box-shadow:
    0 0 0 rgba(255,255,255,0),
    inset 0 0 0 rgba(255,255,255,0);
  box-shadow:
    0 0 0 rgba(255,255,255,0),
    inset 0 0 0 rgba(255,255,255,0);
  text-shadow:
    0 0 0 rgba(255,255,255,0),
    0 0 0 rgba(255,255,255,0);
}
h3 { font-size: 18px; font-weight: bold;color: #2E4C71;}
h4 { font-size: 16px; font-weight: bold;color: #2E4C71;}
h5 { font-size: 14px; font-weight: bold;color: #2E4C71;}
/*サイト用に以下指定*/
.navbar-static-top{background-color: #FFF;}
.navbar-brand{padding:0;}
.navbar{margin-bottom:0;}
.jumbotron{background-color: #FFF;padding: 0;margin-bottom: 0;border-top: 1px solid #E8E8E8;}
.top-read h1{margin-top: 0;margin-bottom: 10px;line-height: 1.4;}
.top-read .col-md-7{margin-bottom: 10px;}
.bg-info{background-color: #f1f1f1;}
.bg-info,.bg-success{padding: 30px 0;}
.bg-info nav{margin-top: 10px;}
.bg-success {background-color: #FFFF99;padding:15px;margin:5px 0;}
.bg-success h4{font-size:16px;color:#2E4C71;}
.page-header {padding-bottom: 0;margin: 30px 0;border-bottom: none;}
.txt_attention{background-color: #ffff99;color:#FF6600;font-weight: bold;}
.txt_emphasis{color:#FF3333;}
.info-top{margin-top: 40px;}
.btn-group{margin-top: 20px;}
.at-list{background-color:#FFEEEE;padding: 10px;color:#FF3333;font-size: 14px;font-weight: bold;}
.at-list li{list-style-type: none;}
.at-list2{background-color:#dff0d8;padding: 10px;color:#3c763d;font-size: 16px;font-weight: bold;}
.at-list2 li{list-style-type: none;}
.Lead {position: relative;margin-bottom: 90px;}
.Lead:after {content: "";display: block;width: 0;height: 0;border: solid transparent;border-width: 30px 100px;border-top-color: #f1f1f1;position: absolute;bottom: -80px;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
/*ボタン色の指定*/
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus{
  font-size: 20px;
  color: #ffffff !important;
  padding: 15px 30px;
  background: -moz-linear-gradient(
    top,
    #384D74 0%,
    #384D74 50%,
    #394F76 50%,
    #394F76 65%,
    #384D74);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#384D74),
    color-stop(0.50, #384D74),
    color-stop(0.50, #394F76),
    color-stop(0.65, #394F76),
    to(#394F76));
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 10px;
  border: 5px solid #FFF;
  -moz-box-shadow:
    0 0 0 rgba(255,255,255,0),
    inset 0 0 0 rgba(255,255,255,0);
  -webkit-box-shadow:
    0 0 0 rgba(255,255,255,0),
    inset 0 0 0 rgba(255,255,255,0);
  box-shadow:
    0 0 0 rgba(255,255,255,0),
    inset 0 0 0 rgba(255,255,255,0);
  text-shadow:
    0 0 0 rgba(255,255,255,0),
    0 0 0 rgba(255,255,255,0);
}
.btn-primary:hover {
  opacity: 0.7;
  border: 5px solid #FFF;
}

/*ボタン色の指定*/
.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus{
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 10px;
  border: 5px solid #FFF;

}
.btn-success:hover {
  border: 5px solid #FFF;
}

.read-footer{background-color: #C9D9EC;border-radius: 10px;padding: 10px 15px;}
.read-footer p{line-height: 1.4;}
.footer{background-color: #2E4C71;color:#FFF;position: relative;padding: 20px 10px 10px;}
.footer a{color:#FFF}
.footer a:hover{text-decoration: underline;}


.header-haikei{background-color: #FFF;}
.hover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.hutoji{font-weight: bold;}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.underline{text-decoration: underline;}
.fc1{color: #22A7D2; font-size: 20px}
.fc2{color:#000;}

/*PCのときSPのトップ画を見えなくする*/
@media (min-width: 768px) {
  .sp{display: none;}
}

/*スマホ用指定*/
@media (max-width: 768px) {
  body {font-size: 14px;line-height: 1.6;}
  h1,h2,h3,h4,h5 {font-weight: bold;font-family: 'Noto Sans Japanese', sans-serif; margin-top: 10px !important;margin-bottom: 10px !important;}
  h1 { font-size: 18px; font-weight: normal;}
  h2 { font-size: 18px; font-weight: normal;}
  h3 { font-size: 16px; font-weight: bold;color: #2E4C71;line-height: 1.8;}
  h4 { font-size: 14px; font-weight: bold;color: #2E4C71;}
  h5 { font-size: 12px; font-weight: bold;color: #2E4C71;}
  .pc{display: none;}
  .navbar-header{float: left;width: 50%;margin: 0;}
  .navbar-header img{width: 90%;margin-left: 15px;margin-top: 18px;}
  .navbar-right{float: right;width: 50%;padding: 8px 0 0 0;margin: 0;}
  .navbar-brand {height: 65px;}
  .bg-info{padding: 20px 0;}
  .Lead {margin-bottom: 60px;}
  .Lead:after {border-width: 30px 80px;bottom: -70px;}
  .info-top {margin-top: 10px;}
  .text-muted {font-size: 12px;}
  .page-header {padding-bottom: 0;margin: 20px 0 0;}
  .bg-success {height: auto;}
  .btn-group{margin-top: 0;}
}