@charset "UTF-8";

body{
    background: rgb(255, 255, 255);
    width: 1290px; 
    margin-right: auto;
    margin-left : auto;
    margin-top: 0;
}

a {
    text-decoration:none; 
}

.site-header{
    z-index: 9999;
    background: #fff;
    display: flex;
    padding: 0;
    position: fixed;
    justify-content: space-between;
    width: 1290px;
}

.common_menu {
    display: flex;
    flex-direction: column;
    height: 100px;
}

.menu_head {
    height: 68px;
    overflow: hidden;
}

.menu_head_l {
    float: left;
    width: 50%;
}

.menu_head_r {
    float: left;
    width: 50%;
    display: flex;
    flex-direction: column;
}

.menu_head_rh {
    display: flex;
    width: 98%;
    justify-content: flex-end;
}

.menu_head_rb {
    display: flex;
    width: 98%;
    justify-content: flex-end;
}

.gnav {
    display: flex;
    height: 2rem;
    margin: 0 auto;
    width: 1290px;
    padding-left: 0px;
}

.gnav > li {/*親階層のみ幅を25%にする*/
    width: 20%;
}

/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
    background: #001b34;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li li a {
    border-top: 1px solid #eee;
}
.gnav li:hover > ul > li {
    height: 2rem;
    overflow: visible;
}

/*孫階層以降共通*/
.gnav li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.hero{
    padding-top :80px;
    max-height: 500px;
    overflow: hidden;
}
.hero img{
    height: auto;
    width: 100%;
}

.site-footer{
    background: #333;
    padding: 8px 0;
}
.copyright{
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: rgb(129, 90, 90);
    padding: 8px 0;
}

.content{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 80px;
    width: 1290px;
    vertical-align: top;
}





.fadeslide {
    position: relative;
    width: 1290px;
    height: 400px;
    overflow: hidden;
    z-index: 0;
}

.top_img{
    padding:0;
    overflow:hidden;
    border-top:solid 1px #FFF;
    border-bottom:solid 1px #DFDFDF;
    height: 400px;
    width: 100%;
    padding-top: 0;
}

.top_img img{
    width:1290px;
    height:400px;
    border:solid 1px #CCC;
}

.fadeslide div {
    position: absolute;
    top: 0;
    left: 0;
}

.fadeslide div:nth-of-type(1) {
    animation: fadeslide 30s 0s infinite both;
    z-index: 6;
}

.fadeslide div:nth-of-type(2) {
    animation: fadeslide 30s 5s infinite both;
    z-index: 5;
}

.fadeslide div:nth-of-type(3) {
    animation: fadeslide 30s 10s infinite both;
    z-index: 4;
}

.fadeslide div:nth-of-type(4) {
    animation: fadeslide 30s 15s infinite both;
    z-index: 3;
}

.fadeslide div:nth-of-type(5) {
    animation: fadeslide 30s 20s infinite both;
    z-index: 2;
}

.fadeslide div:nth-of-type(6) {
    animation: fadeslide 30s 25s infinite both;
    z-index: 1;
}

@keyframes fadeslide {
    0% { left: 0; opacity: 0; }
    5% { left: 0; opacity: 1; }
    20% { left: 0; opacity: 1; }
    25% { left: 0; opacity: 0; }
    26% { left: 100%; opacity: 0; }
    100% { left: 100%; opacity: 0; }
}

.fadeslide:hover {
  animation-play-state: paused;
}

.fadeslide a {/*aタグを画像の真ん中に*/
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 18px;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  background: gray;
  }
  
.fadeslide a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }
  
main {
    border: solid 0px;          /* 枠線指定 */
    padding: 98px 0px 2px 0px;         /* 余白指定 */
}

.footerBox {
    overflow: hidden;
    padding-left: 60px;
}

.boxStyle {
    float: left;
    width: 400px;
}

.footerTateBox {
    display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
}

.footerTateBox div {
    display: flex;
      justify-content: space-between;
      margin: 6px;
      color: #ffffff;
}

.footerMenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footerMenu li {
    display: block;
    padding: 3px 6px;
    text-decoration: none;
    color: #333;
    text-align: left;
    margin: .2em 0;
    color: #ffffff;
}

.footerMenu li a {
    display: block;
    text-decoration: none;
    color: #333;
    text-align: left;
    margin: .2em 0;
    color: #ffffff;
}
.footerMenu li a:hover {
    background: #eee;
    color: #333;
}

.btn_submit {background:#3c95d5;border:none;border-radius:3px;padding:11px 20px;color:#fff;display:inline-block}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
.btn_submit:hover{background:#0071c2}

.type_n_l { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-top: 15px; background-color: #ffffff; padding-bottom: 6px;}
.type_n_l .type_n_l_title { padding: 0; margin: 0; border-bottom: 1px solid #cccccc; }
.type_n_l .type_n_l_title .nl_title { float: right; color: #ddd; font-size: 16px; }
.type_n_l .type_n_l_title .nl_title_l { border-bottom: 2px solid #333333; border-color: rgb(50, 60, 70); font-size: 16px; }
.type_n_l .type_nl_list{ margin-bottom: 3px; }
.type_n_l .type_nl_list .media{ margin-top: 15px; }
.type_n_l .type_nl_list .basic-post-sero{ overflow: hidden; }
.type_n_l .type_nl_list .media-body{ overflow: hidden; zoom: 1; }
.type_n_l .type_nl_list .media-body .pull-right { float: right!important; color: #888; font-size: 12px; }
.type_n_l .type_nl_list .media-body .pull-right .ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;overflow: hidden; padding: 8px 0 8px 0; }
.type_n_l .type_nl_list .media-body .pull-right { float: right!important; color: #888; font-size: 12px; }
.type_n_l .type_nl_list .media-body .lightgray, i.lightgray { color: #dddddd; }
.type_n_l .type_nl_list .media-body .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.type_n_l .type_nl_list .media-body .tnl-type-name {display:inline-block;width:108px;margin-right:5px;color:#8262d6; margin-right: 8px;}
.type_n_l .type_nl_list .media-body .pull-right li { padding: 8px 0 8px 0; }