@charset "shift-JIS";

/*top*/
#top {

}

#topLead{
  background:#4a9f92;
  position: relative;
  overflow: visible;
}
#topLead::after{
  content: '';
  display: block;
  height: 14px;
  position:absolute;
  bottom:-14px;width:100%;
  background: url(/parts/images/top/head_bd_wave_btm.png) repeat-x center top;
}
#pageMenu ul li{
  background: #fff;
  display: inline-block;
  /* border-width:1.935%; */
  /* border-color: #4a9f92; */
}
#pageMenu ul{
  position: relative;
}
#pageMenu ul li#bousai10{
  position: absolute;
  bottom:0;

}
/*top pc*/
@media screen and (min-width: 769px), print {
	#top #contentsWrap{
		background-size:cover;
	}
  #pageMenu .inner{
    padding-bottom:4.6875%;
  }
  #topLead p{
    padding:3.125% 0 3.125%;
  }
  #pageMenu ul{
    margin-top:4.6875%;
    background: #4a9f92;
    text-align: center;
    border-top:2px solid #4a9f92;
    border-bottom:2px solid #4a9f92;
    margin-bottom:15.625%;
  }
  #pageMenu ul li{
    width:19.53%;
    margin:0.2%;
  }
   #pageMenu ul li a{
     display: block;
     width:90%;margin:3% auto 4%;
   }

   #pageMenu ul li#bousai10{
      width: calc(610/1024*100% );
      left:0;right:0;
      margin:0 auto -15.8%;
      border:4px solid #4a9f92;
   }
   #pageMenu ul li#bousai10 a{
    width:100%;
    margin:0;
   }

   #pageMenu ul li#bousai10 .type{
     display:inline-block;
     width:67.21%;
     margin-right:2.6%;

   }
   #pageMenu ul li#bousai10 .image{
    display:inline-block;

    width:20.72%;
    margin:1.8% 0 0 0;
   }
}

/*top sp*/
@media screen and (max-width: 768px) {
  #header .inner .wrap{
    padding-bottom:73.125%;
  }
  #header #chara1{
    width:22.1875%;
    left:17.5%;
    bottom:-11%;
  }
  #header #chara2{
    width:11.25%;
    right:19.0625%;
    bottom:-11%;
  }
   #topLead p{
     width:93.75%;margin:auto;
    padding:12.5% 0 6.25%;
  }
  #pageMenu ul {
    margin-top:7.8125%;
    padding-bottom:36.625%;

  }
  #pageMenu ul li{
    /* width:44.0625%; */
    width:calc(45.3125% - 8px);
    background:#4a9f92;
    margin:0 0 3.125% 3.12%;
    padding:4px;
    /* padding:0.625%; */
  }
  #pageMenu ul li a{
    display: block;
    background: #fff;
    width:100%;
    height:100%;
    padding:5.8% 0 ;
  }
  #pageMenu ul li a img{
    display: block;
    margin:auto;
  }
    #pageMenu ul li a .type{
     width:85.106%;
   }
   #pageMenu ul li a .image{
     width:63.829%;
   }
   
   #pageMenu ul li#bousai10{
    width: 93.75%;
    left:0;right:0;
    bottom:0;
    border-style:none;
    margin: 0 auto 6.25%;padding:4px;
    box-sizing: border-box;
    /* margin:0 auto -15.8%; */
    /* border:4px solid #4a9f92; */
  }
  #pageMenu ul li#bousai10 a{
    width:100%;
    margin:0;
    padding:0;
    text-align: center;
  }

  #pageMenu ul li#bousai10 .type{
    display:inline-block;
    width:54.66%;
    margin-right:5%;

  }
  #pageMenu ul li#bousai10 .image{
    display:inline-block;

    width:30%;
    margin:2.2% 0 0 0;
  }
}