@charset "UTF-8";
/* CSS Document */
html{font-size: 62.5%;}
body{font-size: 1.4rem;}
body,
    ul,
    li {
      margin: 0;
      padding: 0;
    }
 
    .wrapper {
      box-sizing: border-box;
      padding: 0 15px;
      margin-top: 56px;
    }
 
    img {
      max-width: 100%;
      height: auto;
    }
 
    header {
      background: #333;
      color: #ccc;
      padding: 1rem;
    }
 
    footer {
      background: #ccc;
      padding: 1rem;
    }
    /*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .gnav {
      list-style-type: none;
      background: #eee;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 99;
    }
 
    .gnav li {
      border-bottom: 1px solid #333;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: .5rem;
    }
 
    .icon-animation span {
      width: 39px;
      height: 3px;
      display: block;
      background: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
 
    .icon-animation .top {
      -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
      transform: translateY(-13px);
    }
 
    .icon-animation .bottom {
      -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
      transform: translateY(13px);
    }
 
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }
 
    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }

 /*　トップバナー*/
.logo{ 
	 }
	 
	 /*　スライド*/ 
	 #slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.title{
	font-size:24px;
	
	padding: .25em 0 .5em .75em;
	border-left: 10px solid #F05E86;
	border-bottom: 1px solid #F05E86;}
	
.subtitle{
	font-size:18px;
	font-weight:bold;
	color:#F31057;
	
	}
	
	.com{
		width:640px;
		}
	
	.subtitle{
	font-size:18px;
	font-weight:bold;
	
	}
	
	.subtitle1{
	font-size:22px;
	font-weight:bold;
	
	}
	
	.subtitle2{
	font-size:20px;
	font-weight:bold;
	color:#E8137B;
	
	}
	
	.subtitle3{
	font-size:18px;
	font-weight:bold;
	color: #DF2024;
	
	}