html {
  -webkit-overflow-scrolling: touch;
    max-width: 1100px;
    margin: 0 auto;
	/* background-color: #; */
    background-size: 100%;
    overflow-x: hidden;
    width: 100%;
	background-color: #A0CF8B;
}
@media screen and (min-width:751px) { 
    html {
        overflow-x: visible;
    }
}

html.shop {
	background-color: #A0CF8B;
}

img{  vertical-align:top;
      width:100%;}

body{
  max-width: 1100px;
  margin: 0 auto;
  overflow-x: hidden;

}
img, video, iframe, table {
  max-width: 100%;
  height: auto;
  display: block;
}


video{
width:100%;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
a {
    display: block;
    width: 100%;
    height: 100%;
}



.info{width:80%;margin:0 auto 5vw;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

h1{margin:0 auto; 
  background:#AEB3B5;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}

h3{
font-size:5vw;
margin-bottom:1vw;
}

p{font-size:2.5vw;
  line-height:2;
}

.opacity:hover {
  opacity: 0.8;
}

.noopacity:hover {
  opacity: 0;
}

.areamain{
  width: 100%;
  max-width:1100px;
  position:relative;
  margin:0 auto;
}

/* メインここから */
.main_01{
    width:100%;
    top:0%;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman1{
    width:18%;
    top:16%;
    left: -2%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman2{
    width:22%;
    top:25%;
    left: 9%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}


.mainhuman3{
    width:18%;
    top:17%;
    left: 85%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman4{
    width:15%;
    top:26%;
    left: 79.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman5{
    width:16%;
    top:35%;
    left: 60%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman6{
    width:8%;
    top:36%;
    left: 39%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman7{
    width:72%;
    top:12.5%;
    left: 49.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman8{
    width:55%;
    top:14%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman9{
    width:5%;
    top:25%;
    left: 12%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman10{
    width:5%;
    top:60%;
    left: 15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman11{
    width:5%;
    top:15%;
    left: 83%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman12{
    width:5%;
    top:55%;
    left: 85%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman13{
    width:55%;
    top:42%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman14{
    width:50%;
    top:-30%;
    left: 78%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}

.mainhuman15{
    width:68%;
    top:43%;
    left: 30%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman16{
    width:71%;
    top:43%;
    left: 79%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman17{
    width:49%;
    top:38%;
    left: 73%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman18{
    width:80%;
    top:35%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman19{
    width:48%;
    top:40%;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman20{
    width:85%;
    top:5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman21{
    width:85%;
    top:6%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman22{
    width:85%;
    top:4%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman23{
    width:85%;
    top:3%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman24{
    width:85%;
    top:2%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman25{
    width:75%;
    top:47%;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman26{
    width:77%;
    top:-10%;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman27{
    width:20%;
    top:5%;
    left: 18%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman28{
    width:47%;
    top:63%;
    left: 70%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman29{
    width:20%;
    top:5%;
    left: 75%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman30{
    width:56%;
    top:63%;
    left: 34%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman31{
    width:20%;
    top:5%;
    left: 14%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman32{
    width:40%;
    top:7%;
    left: 70%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman33{
    width:20%;
    top:5%;
    left: 74%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman34{
    width:58.5%;
    top:63%;
    left: 34%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman35{
    width:20%;
    top:3%;
    left: 25%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman36{
    width:52%;
    top:63%;
    left: 33%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman37{
    width:55%;
    top:36%;
    left: 51%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman38{
    width:30%;
    top:3%;
    left: 18%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman39{
    width:49%;
    top:34%;
    left: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman40{
    width:30%;
    top:2%;
    left: 83%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman41{
    width:44%;
    top:34%;
    left: 88%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman42{
    width:30%;
    top:3%;
    left: 18%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman43{
    width:45%;
    top:36%;
    left: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman44{
    width:30%;
    top:2%;
    left: 83%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman45{
    width:44%;
    top:39%;
    left: 85%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman46{
    width:30%;
    top:3%;
    left: 18%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman47{
    width:45%;
    top:31%;
    left: 13%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman48{
    width:85%;
    top:5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman49{
    width:27%;
    top:35.5%;
    left: 21%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman50{
    width:27%;
    top:35.5%;
    left: 49.7%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman51{
    width:27%;
    top:35.5%;
    left: 78.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman52{
    width:85%;
    top:72%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.mainhuman53{
    width:67%;
    top:-18%;
    left: 80%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}

.pcmain1{
    width:10%;
    top:10%;
    left: 8%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain2{
    width:7%;
    top:16%;
    left: 17%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}


.pcmain3{
    width:7%;
    top:10%;
    left: 93.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain4{
    width:10%;
    top:10%;
    left: 76%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain5{
    width:7%;
    top:20%;
    left: 77%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain7{
    width:53%;
    top:12.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain8{
    width:40%;
    top:13%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain9{
    width:3.5%;
    top:25%;
    left: 22%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain10{
    width:3.5%;
    top:60%;
    left: 27%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain11{
    width:3.5%;
    top:25%;
    left: 73.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain12{
    width:3.5%;
    top:55%;
    left: 77%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain13{
    width:40%;
    top:48%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain14{
    width:40%;
    top:-30%;
    left: 71%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}

.pcmain15{
    width:47%;
    top:36.5%;
    left: 22.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain16{
    width:51%;
    top:41%;
    left: 75%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain17{
    width:34%;
    top:38%;
    left: 79%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain18{
    width:53%;
    top:44%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain19{
    width:33%;
    top:44%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain20{
    width:40%;
    top:7%;
    left: 28.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain21{
    width:40%;
    top:7%;
    left: 71.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain22{
    width:40%;
    top:4%;
    left: 28.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain23{
    width:40%;
    top:4%;
    left: 71.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain24{
    width:40%;
    top:4%;
    left: 28.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain25{
    width:55%;
    top:52%;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain26{
    width:68%;
    top:-10%;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain27{
    width:12%;
    top:10%;
    left: 18%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain28{
    width:30%;
    top:66.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain29{
    width:12%;
    top:5%;
    left: 80%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain30{
    width:40%;
    top:65%;
    left: 28%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain31{
    width:12%;
    top:5%;
    left: 22%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain32{
    width:25%;
    top:6.5%;
    left: 67%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain33{
    width:12%;
    top:4%;
    left: 78%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain34{
    width:37%;
    top:66%;
    left: 34%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain35{
    width:12%;
    top:3%;
    left: 24%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain36{
    width:33%;
    top:65%;
    left: 40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain37{
    width:37%;
    top:43%;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain38{
    width:15%;
    top:3%;
    left: 15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain39{
    width:23%;
    top:27%;
    left: 15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain40{
    width:15%;
    top:3%;
    left: 85%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain41{
    width:19%;
    top:36%;
    left: 88%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain42{
    width:15%;
    top:3%;
    left: 15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain43{
    width:21%;
    top:35%;
    left: 15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain44{
    width:15%;
    top:3%;
    left: 85%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain45{
    width:21%;
    top:34%;
    left: 88%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain46{
    width:15%;
    top:3%;
    left: 15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain47{
    width:20.5%;
    top:27%;
    left: 11%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain48{
    width:82%;
    top:7%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain49{
    width:20%;
    top:32.5%;
    left: 28.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain50{
    width:20%;
    top:32.5%;
    left: 49.7%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain51{
    width:20%;
    top:32.5%;
    left: 71%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain52{
    width:62%;
    top:70%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.pcmain53{
    width:52%;
    top:-30%;
    left: 78%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}


.menu2{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu3{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu4{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu5{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu6{
    width:42%;
    bottom:14%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu7{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu8{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu9{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu10{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu11{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu12{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu13{
    width:42%;
    bottom:7%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu14{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu15{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu16{
    width:42%;
    bottom:5%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu17{
    width:42%;
    bottom:5%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    z-index:4;
    position: absolute;
}

.menu18{
    width:42%;
    bottom:8%;
    left:6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu19{
    width:26%;
    bottom:2%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu20{
    width:26%;
    bottom:2%;
    right: 0;
    left: 0;
    left: auto;
    right: 36.5%;
    z-index:4;
    position: absolute;
}

.menu21{
    width:26%;
    bottom:2%;
    left:65%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu22{
    width:26%;
    bottom:2%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu23{
    width:26%;
    bottom:2%;
    right: 0;
    left: 0;
    left: auto;
    right: 36.5%;
    z-index:4;
    position: absolute;
}

.menu24{
    width:26%;
    bottom:2%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu25{
    width:26%;
    bottom:2%;
    right: 0;
    left: 0;
    left: auto;
    right: 36.5%;
    z-index:4;
    position: absolute;
}

.menu26{
    width:26%;
    bottom:2%;
    left:65%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu27{
    width:26%;
    bottom:2%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu28{
    width:26%;
    bottom:2%;
    right: 0;
    left: 0;
    left: auto;
    right: 36.5%;
    z-index:4;
    position: absolute;
}

.menu29{
    width:26%;
    bottom:2%;
    left:65%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu30{
    width:26%;
    bottom:2%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu31{
    width:26%;
    bottom:2%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu32{
    width:26%;
    bottom:2%;
    right: 0;
    left: 0;
    left: auto;
    right: 36.5%;
    z-index:4;
    position: absolute;
}

.menu33{
    width:26%;
    bottom:2%;
    left:65%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu34{
    width:26%;
    bottom:16%;
    left:10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}

.menu35{
    width:26%;
    bottom:16%;
    right: 0;
    left: 0;
    left: auto;
    right: 36.5%;
    z-index:4;
    position: absolute;
}


/*------ スライダー1ここから------*/
/*------ スライダーの横幅 ------*/
.slider_1{
  width:100%;
  margin:0 auto;
  background-image: url("../images/top_06.jpg");
  background-size: cover;
}

/*------ スライダー画像 ------*/
.slider_1 img{
	width:100%;
	padding-top: 5%;
	padding-bottom: 5%;
}

/*-------- 高さ調整 ----------*/
.slider_1 .slick-slide{
	height:auto!important;
    margin-right: 1vw!important;
    margin-left: 1vw!important;
}

/*---------- 矢印 ----------*/
.slider_1 .slick-next{
    right:0!important;
}
.slider_1 .slick-prev{
    left:0!important;
}
.slider_1 .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
}
.slider_1 .slick-arrow:before{
    font-size: 30px!important;
}
.slider_1 .slick-arrow:before{
    font-size: 30px!important;
    color:#aaa;
}
/*------ スライダー1ここまで------*/

/**↓popup**/
.open {
  cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
  margin:  0; 
  padding:0px;
}
.overlay .window img{width: 80vw;}

#pop-up,#pop-up_2,#pop-up_3,#pop-up_4,#pop-up_5,#pop-up_6,#pop-up_7,#pop-up_8,#pop-up_9,#pop-up_10,#pop-up_11,#pop-up_00,#pop-up_12,#pop-up_13,#pop-up_14,#pop-up_15,
#pop-up_16,#pop-up_17,#pop-up_18,#pop-up_19,#pop-up_20,#pop-up_21,#pop-up_22,#pop-up_23,#pop-up_24,#pop-up_25,#pop-up_26,#pop-up_27,#pop-up_28,#pop-up_29,#pop-up_30,
#pop-up_31,#pop-up_32,#pop-up_33,#pop-up_34,#pop-up_35,#pop-up_36,#pop-up_37,#pop-up_38,#pop-up_39,#pop-up_40,#pop-up_41,#pop-up_42,#pop-up_43,#pop-up_44,#pop-up_45,
#pop-up_46,#pop-up_47,#pop-up_48,#pop-up_49,#pop-up_50{
  display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay ,#pop-up_2:checked + .overlay ,#pop-up_3:checked + .overlay,#pop-up_4:checked + .overlay,#pop-up_5:checked + .overlay,
#pop-up_6:checked + .overlay,#pop-up_7:checked + .overlay,#pop-up_8:checked + .overlay,#pop-up_9:checked + .overlay,#pop-up_10:checked + .overlay,
#pop-up_11:checked + .overlay,#pop-up_12:checked + .overlay,#pop-up_13:checked + .overlay,#pop-up_14:checked + .overlay,#pop-up_15:checked + .overlay,
#pop-up_16:checked + .overlay,#pop-up_17:checked + .overlay,#pop-up_18:checked + .overlay,#pop-up_19:checked + .overlay,#pop-up_20:checked + .overlay,
#pop-up_21:checked + .overlay,#pop-up_22:checked + .overlay,#pop-up_23:checked + .overlay,#pop-up_24:checked + .overlay,#pop-up_25:checked + .overlay,
#pop-up_26:checked + .overlay,#pop-up_27:checked + .overlay,#pop-up_28:checked + .overlay,#pop-up_29:checked + .overlay,#pop-up_30:checked + .overlay,
#pop-up_31:checked + .overlay,#pop-up_32:checked + .overlay,#pop-up_33:checked + .overlay,#pop-up_34:checked + .overlay,#pop-up_35:checked + .overlay,
#pop-up_36:checked + .overlay,#pop-up_37:checked + .overlay,#pop-up_38:checked + .overlay,#pop-up_39:checked + .overlay,#pop-up_40:checked + .overlay,
#pop-up_41:checked + .overlay,#pop-up_42:checked + .overlay,#pop-up_43:checked + .overlay,#pop-up_44:checked + .overlay,#pop-up_45:checked + .overlay,
#pop-up_46:checked + .overlay,#pop-up_47:checked + .overlay,#pop-up_48:checked + .overlay,#pop-up_49:checked + .overlay,#pop-up_50:checked + .overlay{
  display: block;
  z-index: 9000;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.window {
  width: 80vw;
  background-color: #ffffff;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100vh;
  padding-top:0vw;
  padding-bottom:0vw;  
  border-radius: 5vw;
}
.close {
  cursor:pointer;
  position: absolute;
  top: 2%;
  right:5%;
  font-size: 1.5rem;
  line-height:1;
}
.close0 {
  cursor:pointer;
  position: absolute;
  top: 0;
  right:1vw;
  font-size: 2rem;
  line-height:1;
}

/***追従するトップへ戻るボタン***/
#page-top {
	width: 15vw;
    position: fixed;
    right: 3vw;
    bottom: 10vw;
    z-index: 9999;

}


.bound {
  animation: bound 1s  ease-in-out .100s alternate;
  transition: 1.5s ease-in-out;
animation-iteration-count:3;

}
@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-5px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(0) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}



/***トップへ戻るボタンここまで***/

#areanai{
      max-width:1100px;

      position:relative;
      margin:0 auto;

}

 
.balloon {
 

    animation: sway 3s linear infinite; /* swayというアニメーションを等速で4秒かけて無限に行う。 */
}
@keyframes sway {
    /* 最初と最後の位置 */
    0%,
    100% {
        transform: translateY(0px);
    }

    /* 途中の位置 */
    50% {
        transform: translateY(7px);
    }
}

.balloondelay {
 

    animation: sway 4s linear infinite; /* swayというアニメーションを等速で4秒かけて無限に行う。 */
}
@keyframes sway {
    /* 最初と最後の位置 */
    0%,
    100% {
        transform: translateY(9px);
    }

    /* 途中の位置 */
    50% {
        transform: translateY(0px);
    }
}


/* ここからPC ************************************************************************************************/
@media screen and (min-width:751px) {

.graymenu{
  padding-bottom:0vw;

}
.small{width:99%;}
.half{width:285px;}
.half img{max-width:100px}
	
/**↓popup**/
.open {
  cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
  margin:  0; 
  padding:0px;
}
.overlay .window img{width: 40vw;}

#pop-up,#pop-up_2,#pop-up_3,#pop-up_4,#pop-up_5,#pop-up_6,#pop-up_7,#pop-up_8,#pop-up_9,#pop-up_10,#pop-up_11,#pop-up_00,#pop-up_12,#pop-up_13,#pop-up_14,#pop-up_15,
#pop-up_16,#pop-up_17,#pop-up_18,#pop-up_19,#pop-up_20,#pop-up_21,#pop-up_22,#pop-up_23,#pop-up_24,#pop-up_25,#pop-up_26,#pop-up_27,#pop-up_28,#pop-up_29,#pop-up_30,
#pop-up_31,#pop-up_32,#pop-up_33,#pop-up_34,#pop-up_35,#pop-up_36,#pop-up_37,#pop-up_38,#pop-up_39,#pop-up_40,#pop-up_41,#pop-up_42,#pop-up_43,#pop-up_44,#pop-up_45,
#pop-up_46,#pop-up_47,#pop-up_48,#pop-up_49,#pop-up_50{
  display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay ,#pop-up_2:checked + .overlay ,#pop-up_3:checked + .overlay,#pop-up_4:checked + .overlay,#pop-up_5:checked + .overlay,
#pop-up_6:checked + .overlay,#pop-up_7:checked + .overlay,#pop-up_8:checked + .overlay,#pop-up_9:checked + .overlay,#pop-up_10:checked + .overlay,
#pop-up_11:checked + .overlay,#pop-up_12:checked + .overlay,#pop-up_13:checked + .overlay,#pop-up_14:checked + .overlay,#pop-up_15:checked + .overlay,
#pop-up_16:checked + .overlay,#pop-up_17:checked + .overlay,#pop-up_18:checked + .overlay,#pop-up_19:checked + .overlay,#pop-up_20:checked + .overlay,
#pop-up_21:checked + .overlay,#pop-up_22:checked + .overlay,#pop-up_23:checked + .overlay,#pop-up_24:checked + .overlay,#pop-up_25:checked + .overlay,
#pop-up_26:checked + .overlay,#pop-up_27:checked + .overlay,#pop-up_28:checked + .overlay,#pop-up_29:checked + .overlay,#pop-up_30:checked + .overlay,
#pop-up_31:checked + .overlay,#pop-up_32:checked + .overlay,#pop-up_33:checked + .overlay,#pop-up_34:checked + .overlay,#pop-up_35:checked + .overlay,
#pop-up_36:checked + .overlay,#pop-up_37:checked + .overlay,#pop-up_38:checked + .overlay,#pop-up_39:checked + .overlay,#pop-up_40:checked + .overlay,
#pop-up_41:checked + .overlay,#pop-up_42:checked + .overlay,#pop-up_43:checked + .overlay,#pop-up_44:checked + .overlay,#pop-up_45:checked + .overlay,
#pop-up_46:checked + .overlay,#pop-up_47:checked + .overlay,#pop-up_48:checked + .overlay,#pop-up_49:checked + .overlay,#pop-up_50:checked + .overlay{
  display: block;
  z-index: 9000;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.window {
  width: 413px;
  background-color: #ffffff;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100vh;
  padding-top:0vw;
  padding-bottom:0vw;  
  border-radius: 40px;
}
.close {
  cursor:pointer;
  position: absolute;
  top: 2%;
  right:6%;
  font-size: 1.5rem;
  line-height:1;
}
.close0 {
  cursor:pointer;
  position: absolute;
  top: 0;
  right:1vw;
  font-size: 2rem;
  line-height:1;
}


/***追従するトップへ戻るボタン***/
#page-top {
	width: 80px;
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9999;
  }
	

	
}

/*------------------------------------------------------------------------
global-nav 
------------------------------------------------------------------------*/

.global-nav {
  background: transparent;
  width: 95%;
  margin: -24% auto 0;
  z-index: 999;
  position: relative;
}

.global-nav.fixed {
  position: fixed;
  top: 13%;       /* 固定位置 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

.global-nav__inner {
  min-height: 60px;  /* 画像高さに合わせる */
  z-index: 10;
  position: relative;
}

.global-nav__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.global-nav__list__item {
  text-align: center;
}

.global-nav__list__item a img {
  width: 100%;
  height: auto;
  display: block;
}
.global-nav__list__item a {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (min-width:425px) {  
    .global-nav.fixed {
  position: fixed;
  top: 17%;       
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

}

@media screen and (min-width:751px) { 
  .global-nav {
  width: 65%;
  margin: -17% auto 0;
  position: sticky;
  top: 12px;
  z-index: 999;
}
}

/*----------------------------------------------------------
Swiper
-----------------------------------------------------------*/
.l-slide {
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #a4d9e1;
  padding: 8% 0 3%;
}
@media screen and (max-width: 750px) {
  .l-slide {
    max-width: none;
    padding: 5% 6.7% 2%;
}
}

.swiper {
  position: relative;
  overflow: visible;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
/* 左ボタン */
.swiper-button-prev,
.swiper-button-next {
  width: 40px;   /* ボタンサイズ */
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.swiper-button-prev {
  background-image: url('../images/slider/img-prev.png');
  left: 12%;
}

/* 右ボタン */
.swiper-button-next {
  background-image: url('../images/slider/img-next.png');
  right: 12%;
}

/* デフォルトの矢印を非表示にする */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
}
@media screen and (max-width: 750px) {

.swiper-button-prev,
  .swiper-button-next {
    width: calc( (60/ 750) * 100% );
    height: calc( (60/ 750) * 100% );
    font-size: 1.5vw;
    top: 50%;
    transform: translateY(0);
  }
	.swiper-button-prev {
  left: -4vw;
}
.swiper-button-next {
  right: -4vw;
	}
}

/*------------------------------------------------
c-linkarea
------------------------------------------------*/

.c-linkarea {
  width: 100%;
  min-height: 120px;
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 110%;
  z-index: 2;
	pointer-events: none;
}
@media screen and (max-width: 750px) { 
  .c-linkarea {
  bottom: 115%;
}
}
@media screen and (max-width: 425px) { 
  .c-linkarea {
  bottom: 86%;
}
}
.p-renewal .c-linkarea {
  bottom: 114%;
}