@charset "UTF-8";



html {
      font-size: 100%;
    }

body {
margin:0%;
-webkit-text-size-adjust: 100%;
background-color:#f5f2dc;
}



.aki01{
width:100%;
margin:0% 0% 0% 0%;
padding:0% 0% 2% 0%;
height:auto;

border-bottom:thin solid;
border-bottom-color:#b4c0b4;
}

.aki02{
position: relative;
width: 95%;
margin-left:0%;
}

.aki02:before {
content:"";
display: block;
padding-top: 80%;
}

.aki03{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;

}

.aki03 img{
width:100%;
vertical-align:bottom;
border-radius:10px 10px 80px 10px / 10px 10px 80px 10px;
 box-shadow: 3px 3px 5px gray;
}


.aki04{
position: relative;
width: 100%;
margin-left:0%;
}

.aki04:before {
content:"";
display: block;
padding-top: 60%;

}

.aki05{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.aki06{
position: relative;
width:100%;
height:100%;
}

.aki07{
position: absolute;
width:100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.aki08{
width:100%;
text-align:center;
font-family: 'Shippori Mincho B1', serif;
font-size:6.4vw;
color:#c71585;
}

.aki09{
width:100%;
margin:2% 0% 0% 0%;
padding:2% 0% 2% 0%;
text-align:center;
font-family: 'Shippori Mincho B1', serif;
font-size:4vw;
color:#c71585;
}

.info01{
width:100%;
margin:4% 0% 0% 0%;
text-align:center;
font-family: 'Shippori Mincho B1', serif;
font-size:5vw;
color:#c71585;
}


.utuwa11{
position:relative;
width: 100%;
overflow:hidden;
margin:5% 0% 0% 0%;
z-index:1;
}

.utuwa11:before{
content:"";
display:block;
padding-top:130%;
}

.utuwa12{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
}

.utuwa13{
position:relative;
width:100%;
height:100%;
z-index:3;
}

.utuwa14{
position:absolute;
width:80%;
height:auto;
overflow:hidden;
top:0%;
right:0%;
z-index:5;
}

.utuwa15{
position:relative;
width:100%;
z-index:6;
}

.utuwa15:before{
content:"";
display:block;
padding-top:152%;
}

.utuwa16{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:7;
}

.img001{
position:relative;
width:100%;
z-index:8;
}

.img001:before{
content:"";
display:block;
padding-top:80%;
}

.img002{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:11;
align-items: center;
    display: flex;
    justify-content: center;
}

.img002 img{
width:98%;
vertical-align:bottom;
border-radius:10px 80px 10px 80px / 10px 80px 10px 80px;
 box-shadow: 3px 3px 5px gray;
}

.img003{
position:relative;
width:100%;
z-index:8;
}

.img003:before{
content:"";
display:block;
padding-top:60%;

}

.img004{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:9;
}

.img005{
position:relative;
width:50%;
margin-left:50%;
z-index:10;
}

.img005:before{
content:"";
display:block;
padding-top:60%;
}

.img006{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:11;
align-items: center;
    display: flex;
    justify-content: center;
}

.img006 img{
width:92%;
vertical-align:bottom;
border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
 box-shadow: 3px 3px 5px gray;
}

.img007{
position:relative;
width:70%;
margin-left:30%;
z-index:10;
}

.img007:before{
content:"";
display:block;
padding-top:60%;
}

.img008{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:11;
align-items: center;
    display: flex;
    justify-content: center;
}

.img008 img{
width:92%;
vertical-align:bottom;
border-radius:40px 10px 40px 10px / 40px 10px 40px 10px;
 box-shadow: 3px 3px 5px gray;
}


.sakka00{
position:absolute;
width:74%;
height:60%;
background-color:rgba(255,255,255,0.9);
top:10%;
left:5%;
border-radius:50%;
z-index:4;
}


.sakka01{
position:absolute;
width:70%;
background-color:rgba(255,185,179,0.4);
top:20%;
left:0%;
font-size:6.6vw;
color:#c71585;
font-family: 'Shippori Mincho B1', serif;
text-shadow:1px 0 4px  white,
0 1px  4px white,
-1px  0 4px white,
0 -1px 4px white;
padding:2% 0% 2% 0%;
text-align:center;
border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
z-index:12;
}


.sakka02{
position:absolute;
width:70%;
height:60%;
background-color:rgba(255,185,179,0.4);
bottom:2%;
left:0%;
border-radius:10px 40px 40px 10px / 10px 40px 40px 10px;
z-index:12;
}


.sakka03{
position:relative;
width:100%;
height:100%;
z-index:13;
}

.sakka04{
position:absolute;
width:80%;
height:auto;
overflow:hidden;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
text-align:left;
font-family: 'Shippori Mincho B1', serif;
color:#c71585;
text-shadow: 2px 2px 2px rgba(255,255,255,1.0);
font-size:4.6vw;
z-index:14;
}

.sakka05{
position:absolute;
width:18.5%;
height:15%;
background-color:rgba(255,255,255,0.6);
bottom:0%;
left:33%;
border-radius:50%;
z-index:15;
}

.sakka06{
position:relative;
width:100%;
height:100%;
z-index:16;
}

.sakka07{
position:absolute;
width:80%;
height:auto;
overflow:hidden;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
text-align:center;
font-family: 'Shippori Mincho B1', serif;
color:#c71585;
font-size:3vw;
z-index:17;
}




.utuwa21{
position:relative;
width: 100%;
overflow:hidden;
margin:5% 0% 0% 0%;
z-index:1;
}

.utuwa21:before{
content:"";
display:block;
padding-top:130%;
}

.utuwa22{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
}

.utuwa23{
position:relative;
width:100%;
height:100%;
z-index:3;
}

.utuwa24{
position:absolute;
width:80%;
height:auto;
overflow:hidden;
top:0%;
left:0%;
z-index:5;
}

.utuwa25{
position:relative;
width:100%;
z-index:6;
}

.utuwa25:before{
content:"";
display:block;
padding-top:152%;
}

.utuwa26{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:7;
}

.img011{
position:relative;
width:100%;

z-index:8;
}

.img011:before{
content:"";
display:block;
padding-top:80%;
}

.img012{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;

z-index:9;
align-items: center;
    display: flex;
    justify-content: center;
}

.img012 img{
width:98%;
vertical-align:bottom;
border-radius:80px 10px 80px 10px / 80px 10px 80px 10px;
 box-shadow: 3px 3px 5px gray;
}

.img013{
position:relative;
width:100%;
z-index:8;
}

.img013:before{
content:"";
display:block;
padding-top:120%;
}

.img014{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:9;
}

.img015{
position:relative;
width:50%;
margin-left:0%;

z-index:10;
}

.img015:before{
content:"";
display:block;
padding-top:60%;
}

.img016{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;

z-index:11;
align-items: center;
    display: flex;
    justify-content: center;
}

.img016 img{
width:92%;
vertical-align:bottom;
border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
 box-shadow: 3px 3px 5px gray;
}

.img017{
position:relative;
width:70%;
margin-left:0%;

z-index:10;
}

.img017:before{
content:"";
display:block;
padding-top:60%;
}

.img018{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;

z-index:11;
align-items: center;
    display: flex;
    justify-content: center;
}

.img018 img{
width:92%;
vertical-align:bottom;
border-radius:10px 40px 10px 40px / 10px 40px 10px 40px;
 box-shadow: 3px 3px 5px gray;
}

.sakka10{
position:absolute;
width:74%;
height:60%;
background-color:rgba(255,255,255,0.9);
top:10%;
right:5%;
border-radius:50%;
z-index:4;
}


.sakka11{
position:absolute;
width:70%;
background-color:rgba(255,185,179,0.4);
top:20%;
right:0%;
font-size:6.6vw;
color:#c71585;
font-family: 'Shippori Mincho B1', serif;
text-shadow:1px 0 4px  white,
0 1px  4px white,
-1px  0 4px white,
0 -1px 4px white;
padding:2% 0% 2% 0%;
text-align:center;
border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
z-index:12;
}


.sakka12{
position:absolute;
width:70%;
height:60%;
background-color:rgba(255,185,179,0.4);
bottom:2%;
right:0%;
border-radius:40px 10px 10px 40px / 40px 10px 10px 40px;
z-index:12;
}

.sakka13{
position:relative;
width:100%;
height:100%;
z-index:13;
}

.sakka14{
position:absolute;
width:80%;
height:auto;
overflow:hidden;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
text-align:left;
font-family: 'Shippori Mincho B1', serif;
color:#c71585;
text-shadow: 2px 2px 2px rgba(255,255,255,1.0);
font-size:4.6vw;
z-index:14;
}

.sakka15{
position:absolute;
width:18.5%;
height:15%;
background-color:rgba(255,255,255,0.6);
bottom:0%;
right:33%;
border-radius:50%;
z-index:15;
}

.sakka16{
position:relative;
width:100%;
height:100%;
z-index:16;
}

.sakka17{
position:absolute;
width:80%;
height:auto;
overflow:hidden;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
text-align:center;
font-family: 'Shippori Mincho B1', serif;
color:#c71585;
font-size:3vw;
z-index:17;
}


.info02{
width:90%;
margin:4% 5% 0% 5%;
padding:4% 0% 0% 0%;
text-align:center;
font-family: 'Shippori Mincho B1', serif;
font-size:5vw;
color:#414fa3;
border-top:thin solid;
border-top-color: #b4c0b4;
}


.about01{
position: relative;
width: 96%;
margin:4% 2% 0% 2%;
background-color:rgba(188,221,235,0.4);
}

.about01:before {
content:"";
display: block;
padding-top: 110%;
}

.about02{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.about03{
  position: relative;
width:100%;
height:100%;
}

.about04{
  position: absolute;
width:90%;
text-align:left;
font-family: 'Shippori Mincho B1', serif;
font-size:4vw;
color:#414fa3;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}


.info03{
width:90%;
margin:4% 5% 0% 5%;
padding:4% 0% 4% 0%;
text-align:center;
font-family: 'Shippori Mincho B1', serif;
font-size:4vw;
color:#c71585;
border-top:thin solid;
border-top-color: #b4c0b4;
}



















.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-80px);
  transition: all 1s;
}

.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}



.js-animation2 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: all 1s;
}

.js-animation2.is-show2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


.js-animation3 {
  opacity: 0;
  visibility: hidden;
  transform: translateX(80px);
  transition: all 1s;
}

.js-animation3.is-show3 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}




a:link, a:visited, a:hover, a:active {
  color:#c71585;
text-decoration: none;
}