/* 共通CSS */
img{
    max-width: 100%;
    height: auto;
}

.sen{
    padding-bottom: 6px;
    border-bottom: #ccc solid 1px;
}

.center{
    text-align: center;
}

.small{
    font-size: small;
}

.large{
    font-size: large;
}

.x-large{
    font-size: x-large;
}

h1.page-header{
    text-align: center;
}
h1.page-header img{
    margin: 0 auto;
}

.nav-group > li a.unavailable:hover{
    background-color: #eee;
}

.nav-group > li a.unavailable {
    color: #bbb;
}


  img.pc {
   width: 48%;
   max-width: 400px;
   height: auto;
   display: inline;
  }
  img.pc2 {
   width: 48%;
   max-width: 400px;
   height: auto;
  }
img.pc3 {
 width: 24%;
 max-width: 400px;
 height: auto;
}
  img.head
  {width: 600px;
    height: 120px;
  display: inline;
  max-width: 96%;
  height: auto;}
  img.heada
  {width: 600px;
    height: 60px;
  display: inline;
  max-width: 96%;
  height: auto;}
  img.f {width: 228px;
    height: 171px;
  display: inline;
    max-width: 24%;
  height: auto;}

  img.n {width: 228px;
  display: inline;
  max-width: 24%;

  height: auto;}
  img.kz {width: 171px;
  display: inline;
  max-width: 24%;
  height: auto;
  vertical-align:-0.8em;}

  img.gif {width: 114px;
  display: inline;
  max-width: 24%;
  height: auto;
  vertical-align:-0.8em;}

  img.gif2 {width: 171px;
  display: inline;
  max-width: 24%;
  height: auto;
  vertical-align:-0.8em;}


        .chuo{
         text-align: center;
      }
       .lf{ font-size:2.5em;}
       .mf{ font-size:1.5em;}
       .yf{ font-size:1.5em;}
              .yf:hover {background-color:#80ffff;}



  .e{color:#ff0000; font-size:2em; background-color:#ffff00;}
  .red{color:#ff0000;}
  .hai{color:#c0c0c0;}
  td.mw{width:600;}
  td.mwt{width:500;}
  tr {background-color:#ffffe0;}
  .ao{background-color:#80ffff;}
  .ki{background-color:#fafa00;}
  .aka{background-color:#ff8888;}
  .dai{background-color:#ffbb44;}
  .ac{color:#0e3fcc;}
  .aida{font-size: 50%;}
  .bf{ font-size:1.25em;}

.rel {
    position: relative;
    width: 48%
    height: auto;
}
.newp {
    position: absolute;
    right: 0px;
    top: 0px
    width: 48%;
    max-width: 20px;
    height: auto;
    margin:0;/*余計な隙間を除く*/
    padding:0;/*余計な隙間を除く*/
}
div.lh {
    line-height:0.75em;
}
.sf {
    font-size:0.75em;
}
.mobile{
    display: none;
}
.ori{

    width: 600px;

    margin:0 auto;
}
.no {
    color:#ffffff; background-color:#000000;
}
  .brpc { display:block; }
  .brmobile { display:none; }
.b {
    font-weight:bold;/*太字*/
}

  .pc { }
  .mobile { display:none; }

.stack{
display: inline-block;
vertical-align: bottom;
max-width: 18%;
font-size: 0;
}

.stackpc{
display: inline-block;
vertical-align: bottom;
max-width: 18%;
font-size: 0;
}

.stackmobile{
display: inline;
}





.stackkz{
width: 171px;
margin-top: -4%;
margin-bottom: 6%;
}

.stackkzpc{
width: 171px;
margin-top: -4%;
margin-bottom: 6%;
}

.flex-pc{
    display: flex;
}

.flex-pc>img{
    margin-left: auto;
}

.float-pc{
    float: right;
}

.float-ex{
    padding-right: 1em;
}

.float-padding{
    float: right;
    padding-left: 0.5em;
}

img.icon, svg.icon, .material-symbols-outlined{
    vertical-align: bottom;
}

/* 共通CSSここまで */

/* FC2CSS */
          body {
            background: #ffffff;
            color: #000000;
            font-size: 16px;
            font-family: 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo,'Hiragino Kaku Gothic Pro', Helvetica, Arial, 'ＭＳ Ｐゴシック', sans-serif;
            line-height: 1.42857;
            -webkit-text-size-adjust: 100%;
        }
        .article {
            margin: 0 auto 48px;
            padding-bottom: 48px;
            width: 100%;
          max-width: 980px;
          -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            *zoom: 1;
            

        }
          .header {
            z-index: 100;
            padding: 24px 0;
            width: 100%;
            border-bottom: #ccd1d9 solid 1px;
            background-color: #fff;
            color: #000;
            text-align: center;
        }

        .header-title {
            margin: 0;
            font-size: 4em;
        }
          .header-description {
            color: #333;
          }
            .main {
            padding: 144px 0;
            width: 100%;
            background: #ea5866;
            background-image: linear-gradient(135deg, #8cc152, #da4453, #f6bb42);
            color: #fff;
            text-align: center;
            font-weight: bold;
            font-size: 3em;
        }
          .article-date {
            margin: 0 0 6px;
            color: #999;
            font-size: 0.9em;
            }
                    .btn {
            margin: 6px;
            padding: 12px 24px;
            border: #aab2bd solid 1px;
            background: #aab2bd;
            color: #fff;
            vertical-align: baseline;
            text-align: center;
            white-space: nowrap;
            font-size: 1em;
            line-height: 1;
            cursor: pointer;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .btn_lg {
            padding: 18px 36px;
        }

        .btn_sm {
            padding: 6px 12px;
            font-size: 0.8em;
        }

        a.btn:link,
        a.btn:active,
        a.btn:focus,
        a.btn:hover,
        a.btn:visited {
            color: #fff;
            text-decoration: none;
        }

        a.btn_default:link,
        a.btn_default:active,
        a.btn_default:focus,
        a.btn_default:hover,
        a.btn_default:visited {
            color: #656d78;
            text-decoration: none;
        }

        .btn_normal {
            border: #aab2bd solid 1px;
            background: #aab2bd;
        }

        .btn_default {
            border: #ccd1d9 solid 1px;
            background: #f5f7fa;
        }

        .btn_primary {
            border: #4a89dc solid 1px;
            background: #4a89dc;
        }

        .btn_success {
            border: #8cc152 solid 1px;
            background: #8cc152;
        }

        .btn_warning {
            border: #f6bb42 solid 1px;
            background: #f6bb42;
        }

        .btn_danger {
            border: #da4453 solid 1px;
            background: #da4453;
        }

        .btn_normal:hover {
            border: #ccd1d9 solid 1px;
            background: #ccd1d9;
        }

        .btn_default:hover {
            border: #aab2bd solid 1px;
            background: #e6e9ed;
        }
 .nav-group a.btn_default {
            color: #000;
         }
 .nav-group a.btn_default:hover {
            background: #88ffff;
 }
  
        .btn_primary:hover {
            border: #5d9cec solid 1px;
            background: #5d9cec;
        }

        .btn_success:hover {
            border: #a0d468 solid 1px;
            background: #a0d468;
        }

        .btn_warning:hover {
            border: #ffce54 solid 1px;
            background: #ffce54;
        }

        .btn_danger:hover {
            border: #ed5565 solid 1px;
            background: #ed5565;
        }
                /* ヘッダー */


        /* ナビゲーション */

        .nav {
            z-index: 100;
            padding: 12px 0;
            width: 100%;
            background: #fff;
            text-align: center;
        }

        .nav-group {
            margin: 0;
            padding: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .nav-group > li {
            margin: 0;
            padding: 0 12px;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .nav-group > li a {
            display: block;
            padding: 6px 12px;
            color: #000;
            text-decoration: none;
        }
 .nav-group > li a:hover {
            background-color:#80ffff;
        }
 .nav-group > li a.hover:hover {
            /* background-color:#ff8888; */
            background-color:#eeeeee;
        }

        .nav-group > li a.hover {
            color: #ccc;
        }

        .nav-group > li a.active {
            border-bottom: #333 solid 2px;
            color: #888;
        }
        /* メインイメージ */

        }
        /* コンテンツ */

        .content {
            padding: 48px 0 24px;
            *zoom: 1;
        }



        .content:after,
        .article:after,
        .article-paragraph:after {
            display: block;
            clear: both;
            content: '';
        }

        .article-title {
            padding-bottom: 6px;
            border-bottom: #333 solid 1px;
          font-size:2.2em
        }

        .article-title,
        .article-paragraph-title {
            clear: both;
            margin: 0 0 24px;
        }


        .article-paragraph {
            margin: 0 0 24px;
            line-height: 1.7;
            *zoom: 1;
        }

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

        .article-list > li {
            padding: 12px 0;
            border-bottom: #ddd dotted 1px;
        }

        .article-list > li:last-child {
            border-bottom: none;
        }

        .article-list-date {
            padding-right: 12px;
            color: #999;
        }

        img.article-img {
            display: block;
            margin: 0 0 12px;
        }

        img.article-img_left {
            float: left;
            margin: 0 24px 0 0;
        }

        img.article-img_right {
            float: right;
            margin: 0 0 0 24px;
        }

        .article-paragraph:last-child,
        .article-img:last-child {
            margin: 0;
        }

        .address {
            padding: 24px 0 24px 0;
            border-top: #ccd1d9 solid 1px;
            background: #fff;
            text-align: center;
        }

        .address-body {
            color: #666;
            text-align: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .address-body-name {
            display: block;
            margin-bottom: 12px;
            font-size: 1.2em;
        }

        .address-body-addressline {
            display: block;
            margin-bottom: 6px;
        }

        .address-body-tel {
            display: block;
            font-size: 1.1em;
        }

        a.btn-pagetop {
            position: fixed;
            right: 48px;
            bottom: 36px;
            width: 72px;
            height: 72px;
            border: #ccd1d9 solid 1px;
            background: #fff;
            color: #aab2bd;
            text-align: center;
            font-size: 3em;
            vertical-align: baseline;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        /* フッター */

        .footer {
            padding: 12px 0;
            border-top: #ccd1d9 solid 1px;
            background: #fff;
            text-align: center;
        }

        .footer-nav {
            margin-bottom: 12px;
            width: 100%;
            text-align: center;
        }

        .footer-nav-group {
            margin: 0;
            padding: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .footer-nav-group > li {
            margin: 0;
            padding: 0 6px;
            font-size: 0.9em;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .footer-nav-group > li a {
            color: #666;
            text-decoration: none;
        }

        .footer-nav-group > li a:hover {
            color: #999;
        }

        .footer-text {
            margin-bottom: 6px;
            color: #999;
            font-size: 0.8em;
        }

        .footer-copyright {
            /* color: #999; */
            font-size: 0.8em;
        }
        /* パーツ */

       
        .img-rounded,
        .img-circle,
        .img-thumbnail {
            margin: 6px;
        }

        .img-rounded {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .img-circle {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }

        .img-thumbnail {
            padding: 3px;
            border: #ccd1d9 solid 1px;
            vertical-align: baseline;
            line-height: 1;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .label {
            margin: 0 12px;
            padding: 3px 6px;
            border: #656d78 solid 1px;
            background: #656d78;
            color: #fff;
            vertical-align: baseline;
            text-align: center;
            white-space: nowrap;
            font-size: 0.6em;
            line-height: 1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .label_normal {
            border: #656d78 solid 1px;
            background: #656d78;
        }

        .label_primary {
            border: #5d9cec solid 1px;
            background: #5d9cec;
        }

        .label_success {
            border: #a0d468 solid 1px;
            background: #a0d468;
        }

        .label_warning {
            border: #ffce54 solid 1px;
            background: #ffce54;
        }

        .label_danger {
            border: #ed5565 solid 1px;
            background: #ed5565;
        }

        .text_normal {
            color: #656d78;
        }

        .text_primary {
            color: #4a89dc;
        }

        .text_success {
            color: #8cc152;
        }

        .text_warning {
            color: #f6bb42;
        }

        .text_danger {
            color: #da4453;
        }

        .message {
            margin-bottom: 12px;
            padding: 12px 24px;
            border: #656d78 solid 1px;
            background: #656d78;
            color: #fff;
            vertical-align: baseline;
            line-height: 1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .message_normal {
            border: #656d78 solid 1px;
            background: #656d78;
        }

        .message_default {
            border: #ccd1d9 solid 1px;
            background: #f5f7fa;
            color: #656d78;
        }

        .message_primary {
            border: #4a89dc solid 1px;
            background: #4a89dc;
        }

        .message_success {
            border: #8cc152 solid 1px;
            background: #8cc152;
        }

        .message_warning {
            border: #f6bb42 solid 1px;
            background: #f6bb42;
        }

        .message_danger {
            border: #da4453 solid 1px;
            background: #da4453;
        }

        .panel {
            margin-bottom: 24px;
            width: 100%;
            border: #ccd1d9 solid 1px;
            background: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .panel-header {
            padding: 12px 24px;
            border-bottom: #ccd1d9 solid 1px;
            background: #f5f7fa;
            font-size: 0.9em;
            -webkit-border-radius: 6px 6px 0 0;
            -moz-border-radius: 6px 6px 0 0;
            -ms-border-radius: 6px 6px 0 0;
            -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .panel-body {
            padding: 12px 24px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

/* FC2ここまで */
     
   }



/*====================================================================
slick
====================================================================*/

html, body {
  margin: 0;
  padding: 0;
}
 
* {
  box-sizing: border-box;
}


.sliderAreaEx {
    max-height: 42%;
    overflow: hidden;

}
.sliderArea {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;

}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

/*====================================================================
.full-screen-o
====================================================================*/

.full-screen-o .slick-list {
  overflow: visible;
}
.full-screen-o .slider {
  width: 1000px;
  margin: 0 auto;
}
.full-screen-o .slick-dots {
  bottom: -20px;
}
.full-screen-o .slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.full-screen-o .slick-dots li button {
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  outline: 0;
  border-radius: 5px;
  transition-duration: 0.3s;
}
.full-screen-o .slick-dots li button:before {
  content: none;
}
.full-screen-o .slick-dots li:nth-child(1) button {
  background: #f5d1c3;
}
.full-screen-o .slick-dots li:nth-child(2) button {
  background: #a9b7ba;
}
.full-screen-o .slick-dots li:nth-child(3) button {
  background: #c4d7d1;
}
.full-screen-o .slick-dots li:nth-child(4) button {
  background: #b4b1a0;
}
.full-screen-o .slick-dots li:nth-child(5) button {
  background: #e5dfd3;
}
.full-screen-o .slick-dots li:nth-child(6) button {
  background: #adcad8;
}
.full-screen-o .slick-dots li button:hover, .full-screen-o .slick-dots li.slick-active button {
  border-radius: 0px;
  width: 12px;
  height: 12px;
}

/* CSSの一番最後 */