@charset "utf-8";

@media screen and (max-width: 480px) {

div.top2 {
    position:absolute;
    width:100%;
    text-align:center;
    margin-left:0;
}    

div.top2 img {
    width:50%;
}

.top3 ul li img {
    display:none;
}
    div.top4 {
        display:none;
    }
    
    ul#dropmenu {
        display:none;
    }
    ul#dropmenu1 {
        display:none;
    }
    
.wrapper {
      box-sizing: border-box;
      padding: 0 15px;
      margin-top: 56px;
    }
 
    img {
      max-width: 100%;
      height: auto;
    }
 
    header {
      background: #385a38;
      color: #ccc;
      padding: 1rem;
    }
 

    /*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        /* position: fixed; */
        top: 0;
        width: 100%;
    }
    .gnav {
      list-style-type: none;
      background: #000;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 99;
    }
 
    .gnav li {
      border-bottom: 1px solid #f00;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
      color:#fff;
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: relative;
      right: .5rem;
      text-align: center;
      top: -30px;
    }
 
    .icon-animation span {
      width: 39px;
      height: 1px;
      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);
    }
    
    .event1 {
	width:100%;
    max-width:100%;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.event1 ul {
    float:none;
    margin-top:20px;
    left:50%;
    position:relative;
}
.event1 ul li {
    float:none;
    left:-50%;
    position:relative;
}
.event1 ul li a img {
	width:70%;
}
    
h2.mapmidashi {
    font-size:25px;
}
    
div.map p {
    font-size:7px;
}
    
    div.rinen1 {
    background-size: 100% 100%;
}
div.map {
    background-image:none;
}

div#footer {
    font-size: 15px;
    line-height: 20px;
}    

    div.rinen1 {
        display:none;
    }
    div.rinen2 {
        display:none;
    }
    div.rinen3 {
        margin-top:20px;
    }
    .rinen3 img {
        border:none !important;
    }
    div.rinen4 {
        margin-top:20px;
    }
    .rinen4 img {
        border:none !important;
    }
    h1.polisy2 {
        font-size:3.5vw;
    }
    h2.polisy3 {
font-size:3.5vw;
}
.undersns2 {
	width:100%;
    max-width:100%;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.undersns2 ul {
    float:none;
    margin-top:20px;
    left:50%;
    position:relative;
}
.undersns2 ul li {
    float:none;
    left:-50%;
    position:relative;
    width:100%;
}
.undersns2 ul li img {
    width:20%;
    
    }
.lefttext2 {
    font-family:impact;
    font-size:3vw;
    line-height:3vw;
}
.lefttext3 {
    font-size:2.5vw;
    line-height:3.3vw;
}
div.lrc4 {
    width:100%;
    float:none;
    line-height:15px;
}
div.lrc5 {
    width:100%;
    float:none;
}
div.shizunami3 {
    width:100%;
    float:none;
}
div.shizunami4 {
    width:100%;
    float:none;
}
div.busi2 {
    width:100%;
    float:none;
    line-height:18px;
}
div.busi3 {
    width:70%;
    margin:0 auto;
    float:none;
}
.table_contents th {
    font-size:70%;
}
.table_contents td {
    font-size:10px;
}
    

    
    
}


@media screen and (min-width: 481px) and (max-width: 780px) {
 
    div.top3 {
        display:none;
    }
    
    div.top2 {
    position:absolute;
    width:100%;
    text-align:center;
    margin-left:0;
}   
    
    div.top4 {
        display:none;
    }

    ul#dropmenu {
        display:none;
    }
    ul#dropmenu1 {
        display:none;
    }
    
    
.wrapper {
      box-sizing: border-box;
      padding: 0 15px;
      margin-top: 56px;
    }
 
    img {
      max-width: 100%;
      height: auto;
    }
 
    header {
      background: #385a38;
      color: #ccc;
      padding: 1rem;
    }
 

    /*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        /* position: fixed; */
        top: 0;
        width: 100%;
    }
    .gnav {
      list-style-type: none;
      background: #000;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 99;
    }
 
    .gnav li {
      border-bottom: 1px solid #f00;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
      color:#fff;
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: relative;
      right: .5rem;
      text-align: center;
      top: -30px;
    }
 
    .icon-animation span {
      width: 39px;
      height: 1px;
      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);
    }

.event1 {
	width:100%;
    max-width:100%;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.event1 ul {
    float:none;
    margin-top:20px;
    left:50%;
    position:relative;
}
.event1 ul li {
    float:none;
    left:-50%;
    position:relative;
}
.event1 ul li a img {
	width:30%;
}
 
    
    
.maincontent2 {
	width:100%;
    max-width:100%;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.maincontent2 ul {
	float:none;
    left:50%;
    position:relative;
}
.maincontent2 ul li {
    float:none;
    left:-50%;
    position:relative;
}
.maincontent2 ul li a img {
	width:80%;
}
div#footer {
    font-size:1.4vw;
    line-height:2.5vw;
}
    div.rinen1 {
        display:none;
    }
    div.rinen2 {
        display:none;
    }
    div.rinen3 {
        margin-top:20px;
    }
    .rinen3 img {
        border:none !important;
    }
    div.rinen4 {
        margin-top:20px;
    }
    .rinen4 img {
        border:none !important;
    }
    h2.polisy3 {
font-size:3vw;
}

.undersns2 {
	width:100%;
    max-width:100%;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.undersns2 ul {
    float:none;
    margin-top:20px;
    left:50%;
    position:relative;
}
.undersns2 ul li {
    float:none;
    left:-50%;
    position:relative;
    width:100%;
}
.undersns2 ul li img {
    width:20%;
}
.lefttext2 {
    font-family:impact;
    font-size:3vw;
    line-height:3vw;
}
.lefttext3 {
    font-size:2.5vw;
    line-height:3.3vw;
}
div.lrc4 {
    width:100%;
    float:none;
    line-height:15px;
}
div.lrc5 {
    width:100%;
    float:none;
}
    
div.shizunami3 {
    width:100%;
    float:none;
}
div.shizunami4 {
    width:100%;
    float:none;
}
div.busi2 {
    width:100%;
    float:none;
    line-height:18px;
}
div.busi3 {
    width:70%;
    margin:0 auto;
    float:none;
}
.table_contents th {
    font-size:70%;
}
.table_contents td {
    font-size:70%;
}
    

    
}











@media screen and (min-width: 781px) and (max-width: 1023px) {
    

    div.nav-wrap {
        display:none;
    }

    .maincontent2 ul {
	float:left;
    left:50%;
    position:relative;
}
.maincontent2 ul li {
    float:left;
    left:-50%;
    width:100%;
    position:relative;
}
.maincontent2 ul li a img {
	width:98%;
}
    
}

@media screen and (min-width: 781px){
    
    div.rinen3 {
        display:none;
    }
    div.rinen4 {
        display:none;
    }
    
}
@media screen and (max-width: 985px){
    
div.rightcar {
    width:100%;
    float:none;
    position:static;
    margin:0 auto;
}
div.rightcar img {
    width:83.6%;
}
div.lefttext {
        margin:0 auto;
    position:static;
    float:none;
    color:#fff;
    text-align:left;
    padding:10px;
    width:80%;
    height:100%;
    background:#4c4c4c;
    -webkit-transform:skew(-20deg);
    -moz-transform:skew(-20deg);
    -o-transform:skew(-20deg);
    transform:skew(-5deg);
    z-index:1;
    border:none;
}
    
}

@media screen and (min-width: 1200px){
    
    h1.polisy2 {
        font-size:30px;
    }
    h2.polisy3 {
        font-size:25px;
    }
    div.polisy1 {
        max-width:1000px;
        margin:0 auto;
    }
h2.lrc1 {
	font-size:1vw;
}
    
}