@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.btn-03,
a.btn-03,
button.btn-03 {
margin-top:          25px;
font-size:           15px;
line-height:         1;
display:             inline-block;
padding:             1rem 4rem;
cursor:              pointer;
-webkit-user-select: none;
-moz-user-select:    none;
-ms-user-select:     none;
user-select:         none;
-webkit-transition:  all 0.3s;
transition:          all 0.3s;
text-align:          center;
vertical-align:      middle;
text-decoration:     none;
letter-spacing:      0.1em;
color:               #FFF;
border-radius:       0.5rem;
width:               290px;
height:              51px;
margin-bottom:       50px;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.btn-03,
a.btn-03,
button.btn-03 {
margin-top:          50px;
font-size:           15px;
line-height:         1;
display:             inline-block;
padding:             1rem 4rem;
cursor:              pointer;
-webkit-user-select: none;
-moz-user-select:    none;
-ms-user-select:     none;
user-select:         none;
-webkit-transition:  all 0.3s;
transition:          all 0.3s;
text-align:          center;
vertical-align:      middle;
text-decoration:     none;
letter-spacing:      0.1em;
color:               #FFF;
border-radius:       0.5rem;
width:               240px;
height:              51px;
}
}

a.btn-03-border {
border:        1px solid #FFF;
border-radius: 0;
background:    #181b39;
}
a.btn-03-border:hover {
color:      #181b39;
background: #FFF;
}

#bim_navi a:link {    color: rgba(255,255,255,0.7);}
#bim_navi a:visited { color: rgba(255,255,255,0.7);}
#bim_navi a:hover {   color: rgba(255,255,255,0.7);}
#bim_navi a:active {  color: rgba(255,255,255,0.7);}






html,body {
 background-image: url(/images/bg/body_01.png);
 background-repeat:repeat-x;
 background-color: #F5F5F5;
 -webkit-text-size-adjust: 100%;
}

#global-nav {
 width:        100%;
 background-color:#13447f;
}

.contents_body {
 background-color:#FFF;
}












.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#CCCCCC;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50px;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #FFF;
  background: #6E6E6E;
  border-radius: 50px;
}


// スマホの時だけ改行させるクラス
.br-sp {
    display: none;
}

@media (max-width: 768px) {
    .br-sp {
        display: block;
    }
}


// PCの時だけ改行させるクラス
.br-pc {
    display: block;
}

@media (max-width: 768px) {
    .br-pc {
    display: none;
    }
}








@media only screen and (max-width: 768px){
  .pager .pagination li{
    display: none;
}

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
}

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
}

  .pager .pagination li.pre span::after{
    content: "　前へ";
}

  .pager .pagination li.next span::before{
    content: "次へ　";
}
}


.tbl_flame_02 {
 width:           100%;
 text-align:      center;
 border-collapse: collapse;
 border-spacing:  0;
 border-top:      solid 1px #CCC;
}
.tbl_flame_02 th,
.tbl_flame_02 td {
 padding:       10px;
 border-bottom: solid 1px #CCC;
}

@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.map-container-01 {
margin:      30px 30px 30px 30px;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.map-container-01 {

margin:      0px 100px 0px 100px;
}
}


@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.text-container-06 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      0px 30px 0px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-07 {
font-size:   15px;
line-height: 21px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 0px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-08 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      0px 30px 30px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-09 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 30px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.text-container-06 {
font-size:   14px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      0px 100px 0px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-07 {
font-size:   24px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 0px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-08 {
font-size:   15px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      0px 100px 50px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-09 {
font-size:   15px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      50px 175px 50px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
}



@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.col-item_sub{
flex-direction:  column; /*　子要素を上から下に配置　*/
justify-content: center;
align-items:     center;
}
/*　2つ配置　*/
.row-2 .col-item_sub.item-1{
width: 100%;
}
.row-2 .col-item_sub.item-2{
width: 100%;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.col-item_sub{
height:  100%;
}
.row-2 .col-item_sub{ /*　2つ配置　*/
width: 50%;
}
}












/* 拡大 */
.zoomIn{
 animation-name:zoomInAnime;
 animation-duration:3s;
 animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
 transform: scale(0.6);
  }

  to {
      transform: scale(1);
  }
}





.img_anime {
 position: relative;
 z-index:  1;
}.tbl_flame_02 {
 width:           100%;
 text-align:      center;
 border-collapse: collapse;
 border-spacing:  0;
 border-top:      solid 1px #CCC;
}
.tbl_flame_02 th,
.tbl_flame_02 td {
 padding:       10px;
 border-bottom: solid 1px #CCC;
}

@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.map-container-01 {
margin:      30px 30px 30px 30px;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.map-container-01 {

margin:      0px 100px 0px 100px;
}
}


@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.text-container-06 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      0px 30px 0px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-07 {
font-size:   15px;
line-height: 21px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 0px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-08 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      0px 30px 30px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-09 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 30px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-10 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 30px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-11 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 30px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.text-container-06 {
font-size:   14px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      0px 100px 0px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-07 {
font-size:   24px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      30px 30px 0px 30px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-08 {
font-size:   15px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      0px 100px 50px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-09 {
font-size:   15px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      50px 175px 50px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-10 {
font-size:   15px;
line-height: 30px;
color:       rgba(0,0,0,0.9);
margin:      0px 50px 0px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
.text-container-11 {
font-size:   14px;
line-height: 24px;
color:       rgba(0,0,0,0.9);
margin:      50px 175px 50px 100px;
/*　文字両端揃　*/
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}
}



@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.col-item_sub{
flex-direction:  column; /*　子要素を上から下に配置　*/
justify-content: center;
align-items:     center;
}
/*　2つ配置　*/
.row-2 .col-item_sub.item-1{
width: 100%;
}
.row-2 .col-item_sub.item-2{
width: 100%;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.col-item_sub{
height:  100%;
}
.row-2 .col-item_sub{ /*　2つ配置　*/
width: 50%;
}
}












/* 拡大 */
.zoomIn{
 animation-name:zoomInAnime;
 animation-duration:3s;
 animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
 transform: scale(0.6);
  }

  to {
      transform: scale(1);
  }
}





.img_anime {
 position: relative;
 z-index:  1;
}





/*ボタン*/
.contact_btn {
 margin-top:     20px;
 margin-left :    auto;
 margin-right :   auto;
 margin-bottom:   45px;
 width:       288px;
 height:       45px;
 text-align:     center;
}
.contact_button {
 display:        inline-block;
 width:         288px;
 height:         45px;
 text-align:       center;
 text-decoration:    none;
 font-family:      "heisei-kaku-gothic-std",sans-serif;
 font-size:       12px;
 font-weight:      bold;
 line-height:      47px;
 outline:        none;
 border-radius:     3px;
 -webkit-border-radius: 3px;
 -moz-border-radius:   3px;
}
.contact_button::before,
.contact_button::after {
 position:      absolute;
 z-index:      -1;
 display:      block;
 content:      '';
}
.contact_button,
.contact_button::before,
.contact_button::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing:  border-box;
 box-sizing:     border-box;
 -webkit-transition: all .3s;
 transition:     all .3s;
}
.contact_button {
 background-color:  #C9293E;
 color:       #FFFFFF;
}
.contact_button:hover {
 background-color:  #2D112D;
 color:       #FFFFFF;
}







@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
/*ボタン*/
.right_btn {
 margin-top:      20px;
 margin-left :    auto;
 margin-right :   auto;
 margin-bottom:   45px;
 width:           330px;
 height:          45px;
 text-align:      center;
}
.right_button {
 display:         inline-block;
 width:           330px;
 height:          45px;
 text-align:      center;
 text-decoration: none;
 font-family:      "heisei-kaku-gothic-std",sans-serif;
 font-size:       12px;
 font-weight:     bold;
 line-height:     47px;
 outline:         none;
 border-radius:   3px;
 -webkit-border-radius: 3px;
 -moz-border-radius:    3px;
}
.right_button::before,
.right_button::after {
 position:     absolute;
 z-index:      -1;
 display:      block;
 content:      '';
}
.right_button,
.right_button::before,
.right_button::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing:    border-box;
 box-sizing:         border-box;
 -webkit-transition: all .3s;
 transition:         all .3s;
}
.right_button {
 background-color:  #000;
 color:             #FFFFFF;
}
.right_button:hover {
 background-color:  #C9293E;
 color:             #FFFFFF;
}
}


@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
/*ボタン*/
.right_btn {
 margin-top:      20px;
 margin-left :    100px;
 margin-right :   0px;
 margin-bottom:   0px;
 width:           300px;
 height:          45px;
 text-align:      right;
}
.right_button {
 display:         inline-block;
 width:           300px;
 height:          45px;
 text-align:      center;
 text-decoration: none;
 font-family:      "heisei-kaku-gothic-std",sans-serif;
 font-size:       12px;
 font-weight:     bold;
 line-height:     47px;
 outline:         none;
 border-radius:   3px;
 -webkit-border-radius: 3px;
 -moz-border-radius:    3px;
}
.right_button::before,
.right_button::after {
 position:     absolute;
 z-index:      -1;
 display:      block;
 content:      '';
}
.right_button,
.right_button::before,
.right_button::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing:    border-box;
 box-sizing:         border-box;
 -webkit-transition: all .3s;
 transition:         all .3s;
}
.right_button {
 background:        transparent;
 border:            1px solid #000;
 color:             #000;
}
.right_button:hover {
 background-color:  #C9293E;
 border:            1px solid transparent;
 color:             #FFFFFF;
}
}




hr {
 height: 1px;
 background-color: CCC;
 width: 100%;
 border: none;
}


.ind {
text-indent: -1em;
padding-left: 1em;
}


/*　ページの一番下に記述　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.tbl_flame_01 {
 border-collapse: collapse;
 border:          1px solid #CCCCCC;
 width:           500px;
}

.tbl_flame_01 td, th {
 padding:         10px;
}
}

@media only screen and (max-width: 768px){
 .tbl_flame_01 {
 border-collapse: collapse;
 border:          1px solid #CCCCCC;
 width:           325px;
 
.tbl_flame_01 td, th {
 padding:         5px;
}
}