@charset "UTF-8";
/**scss共通***/
img {
  width: 100%;
}
a:hover img  {
opacity: 0.7;  
}

.test {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: Flash1 1s infinite;
  font-family: 'Noto Sans JP', serif;
  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);
}

@keyframes Flash1 {
  40% {
    opacity: 0.15;
  }
  80% {
    opacity: 1;
  }
}

body{
  font-family: 'Noto Sans JP', serif;
width:100%;
margin:0;
}

p {
  font-family: 'Noto Sans JP', serif;
line-height: 1.5;
font-size:16px;
}
.p2 {
  font-family: 'Noto Sans JP', serif;
line-height: 1.5;
font-size:24.7px;
}
.p3 {
font-weight: 700;
font-size:16px;
list-style: none;
}
.p3 a{
color: #000;
}
.p88 {
font-size:16px;
}
.p55{
color: #fff;
display: inline-block;
}

span {
  font-family: 'Noto Sans JP', serif;	
}

a {
  font-family: 'Noto Sans JP', serif;	
}

ol {
  font-family: 'Noto Sans JP', serif;	
}

li {
  font-family: 'Noto Sans JP', serif;	
}

h1{
  font-family: 'Noto Sans JP', serif;	
}
h2{
  font-family: 'Noto Sans JP', serif;
text-align: center;
margin:0 0 60px 0;
}
.tokuten{
font-size:1.6vw;
letter-spacing: 0.2vw;
font-weight: 900;
color: #00B800;
border: solid 2px #00B800;
padding:15px;
background: #fff;
border-radius: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

h3{
  font-family: 'Noto Sans JP', serif;
}
.nanba{
font-size:2.3vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 10vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba03{
font-size:2.3vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 10vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}

.nanba::before{
position: absolute;
top:15%;
left:2%;
  content: '';
  display: inline-block;
  width: 5vw;
  height: 5vw;
  background-image: url(../images/svg/na01.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba03::before{
position: absolute;
top:15%;
left:2%;
  content: '';
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background-image: url(../images/svg/na02.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba2{
font-size:1.8vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 10vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba4{
font-size:1.8vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 10vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba5{
font-size:1.8vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 10vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba6{
font-size:1.8vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 10vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}


.nanba2::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na03.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba4::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba5::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na05.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba6::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
h4{
  font-family: 'Noto Sans JP', serif;
font-size:27px;
font-weight: 400;
line-height: 2;
margin:0;
}
#top-hedo-ura-sp{
display:none;
}
#top-hedo-sp{
display:none;
}
#top-hedo-sp2{
display:none;
}

#top-hedo{
width:75vw;
position: absolute;
  top: 33%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
z-index: 55;
display:block;
}
#top-hedo2{
width:30vw;
position: absolute;
  top: 69%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
z-index: 55;
display:block;
}	
#top-hedo-ura{
width:100%;
margin:-10px auto;
position: relative;
z-index: 50;
display:block;
}	
#top-hedo-ura img{
margin:0;
}

#tanpopo-rin{
width:18vw;
position: absolute;
  top: 22%;
  right: 6%;
  transform: translateY(-50%) translateX(-50%);
z-index: 56;
 animation: fuwafuwa_1 5s ease 0s infinite;
}
@keyframes fuwafuwa_1 {
    0% {
        transform: translate(0, 0%);
    }
    50% {
        transform: translate(0, -4%);
    }
    100% {
        transform: translate(0, 0);
    }
}

#section01{
	background: #FFF4AC;
	padding:60px 4% 80px 4%;
}

.body-meiku{
	margin:0 auto 80px auto;
	max-width: 1300px;	
}

.box-siro{
background: #fff;
padding:30px 6%;
margin:0 0 30px 0;
border-radius: 0 0 50px 50px;
position: relative;
}
.box-siro2{
background: #fff;
padding:30px 10%;
margin:0 0 30px 0;
border-radius: 0 0 50px 50px;
min-height: 765px;
}
.box-siro3{
background: #fff;
padding:30px 10%;
margin:0 0 30px 0;
border-radius: 0 0 50px 50px;
min-height: 765px;
}

.box-buri{
    display: grid;
    grid-template-columns: 1fr 0.5fr;
	gap: 8%;
}

.box-buri2{
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 30px 5%;
}


.kaigyou{
width: 1em;
white-space: nowrap;
}

.osusume{
font-size:1.8vw;
color: #00B800;
letter-spacing: 0.1vw;
margin:0;
}

.naka{
text-align: center;
font-size:16px;
}

.container55 {
margin-top:11vw;
}
.container33 {
margin-top:12vw;
}
	.side{
	margin:0;
	}


.buru-box{
background: #D5EBE3;
font-size:1.35vw;
padding:15px;
margin:0 0 15px 0;
}
.buru-box2{
background: #D5EBE3;
font-size:1.35vw;
padding:15px 15px;
margin:0 0 15px 0;
}


.f-box{
max-width: 880px;
margin:50px auto 40px auto;
text-align: left;
}
.f-burendo{
    display: grid;
    grid-template-columns: 0.8fr 1fr;
	gap: 10%;
}

.f-box-c{
background: #00B800;
text-align: center;
padding:5px;
color: #fff;
font-weight: 700;
font-size:14px;
}


.top-box-f{
max-width: 12vw;
width:100%;
position: fixed;
top:30px;
right:30px;
z-index: 200;
}

.top-box-f:hover{
opacity: 0.7;
}

.tanpopo{
position: relative;	
}
.tanpopo:before{
  content: '';
  display: inline-block;
  width: 12vw;
  height: 12vw;
  background-image: url(../images/tanpotyan2.png);
  background-size: contain;
  vertical-align: middle;
position: absolute;
bottom:3vw;
right:-3vw;
background-repeat: no-repeat;
z-index: 20;
}

.sp99 {
display:none;
}
.pc99 {
display:block;
}
@media screen and (max-width: 1550px) {
.container33 {
    margin-top: 16vw;
}
.container55 {
    margin-top: 14vw;
}
.nanba::before{
position: absolute;
top:19%;
left:2%;
  content: '';
  display: inline-block;
  width: 5vw;
  height: 5vw;
  background-image: url(../images/svg/na01.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba03::before{
position: absolute;
top:18%;
left:2%;
  content: '';
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background-image: url(../images/svg/na02.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba2::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na03.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba4::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba5::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na05.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba6::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
	}
@media screen and (max-width: 1425px) {

.box-buri{
    display: grid;
    grid-template-columns: 1fr 0.5fr;
	gap: 3%;
}
	.container55 {
margin-top:18vw;
}
.container33 {
margin-top:19vw;
}
	}

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

h4{
  font-family: 'Noto Sans JP', serif;
font-size:1.8vw;
font-weight: 400;
line-height: 2;
margin:0;
}
	.nanba{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
	.nanba03{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}

.nanba::before{
position: absolute;
top:15%;
left:2%;
  content: '';
  display: inline-block;
  width: 7vw;
  height: 7vw;
  background-image: url(../images/svg/na01.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba03::before{
position: absolute;
top:15%;
left:2%;
  content: '';
  display: inline-block;
  width: 8vw;
  height:87vw;
  background-image: url(../images/svg/na02.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

}

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


.naka{
text-align: center;
font-size:14px;
}
.tokuten{
font-size:3.5vw;
letter-spacing: 0.2vw;
font-weight: 900;
color: #00B800;
border: solid 2px #00B800;
padding:15px 10%;
background: #fff;
border-radius: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.nanba::before{
position: absolute;
top:19%;
left:4%;
  content: '';
  display: inline-block;
  width: 7vw;
  height: 7vw;
  background-image: url(../images/svg/na01.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
	.nanba03::before{
position: absolute;
top:18%;
left:4%;
  content: '';
  display: inline-block;
  width: 8.5vw;
  height: 8.5vw;
  background-image: url(../images/svg/na02.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba2::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na03.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba4::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba5::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na05.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba6::before{
position: absolute;
top:15%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}	
	
	
.nanba2{
font-size:2.5vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
	.nanba4{
font-size:2.5vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
	.nanba5{
font-size:2.5vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
	.nanba6{
font-size:2.5vw;
background: #00B800;
color: #fff;
padding:10px 50px 15px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
	}

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


.box-buri{
    display: grid;
    grid-template-columns: 1fr;
	gap: 3%;
}
	h4{
  font-family: 'Noto Sans JP', serif;
font-size:3vw;
font-weight: 400;
line-height: 2;
margin:0;
}
	.osusume{
font-size:3vw;
color: #00B800;
letter-spacing: 0.1vw;
}
	.side{
	margin:15px 10%;
	}
.nanba{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 13vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba03{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 13.5vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.box-buri2{
    display: grid;
    grid-template-columns: 1fr;
	gap: 30px 5%;
}
.nanba2{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 15vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba4{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 15vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba5{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 15vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba6{
font-size:3.1vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 15vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba2::before{
position: absolute;
top:25%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na03.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba4::before{
position: absolute;
top:25%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba5::before{
position: absolute;
top:25%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na05.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba6::before{
position: absolute;
top:25%;
left:5%;
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}	
.p2 {
  font-family: 'Noto Sans JP', serif;
font-size:27px;
font-weight: 400;
line-height: 2;
margin:0;
}
.buru-box{
background: #D5EBE3;
font-size:3vw;
padding:15px;
}
.buru-box2{
background: #D5EBE3;
font-size:3vw;
padding:25px 15px;
}
.box-siro2{
background: #fff;
padding:30px 10%;
margin:0 0 30px 0;
border-radius: 0 0 50px 50px;
min-height: 0;
}
.box-siro3{
background: #fff;
padding:30px 10%;
margin:0 0 30px 0;
border-radius: 0 0 50px 50px;
min-height: 0;
}
.container55 {
margin-top:1vw;
}
.container33 {
margin-top:1vw;
}
.tanpopo:before{
  content: '';
  display: inline-block;
  width: 18vw;
  height: 18vw;
  background-image: url(../images/tanpotyan2.png);
  background-size: contain;
  vertical-align: middle;
position: absolute;
bottom:5vw;
right:0;
background-repeat: no-repeat;
z-index: 20;
}
	}


@media screen and (max-width: 768px) {
#top-hedo-ura{
display:none;
}
#top-hedo-sp{
width:85vw;
position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
z-index: 55;
display:block;
}
#top-hedo2-sp{
width:40vw;
position: absolute;
  top: 80%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
z-index: 55;
display:block;
}	
#top-hedo-ura-sp{
width:100%;
margin:-10px auto;
position: relative;
z-index: 50;
display:block;
}		
#top-hedo{
display:none;	
		}
#top-hedo2{
display:none;
		}
.top-box-f{
max-width: 20vw;
top:10px;
right:10px;
}
.nanba{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 18vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba03{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:40px 50px 40px 18vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba::before{
position: absolute;
top:22%;
left:4%;
  content: '';
  display: inline-block;
  width: 12vw;
  height: 12vw;
  background-image: url(../images/svg/na01.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba03::before{
position: absolute;
top:24%;
left:4%;
  content: '';
  display: inline-block;
  width: 13vw;
  height: 13vw;
  background-image: url(../images/svg/na02.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba2{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 20vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba3{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 20vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba4{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 20vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba5{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 20vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba6{
font-size:4.2vw;
background: #00B800;
color: #fff;
padding:15px 50px 20px 20vw;
position: relative;
border-radius: 50px 50px 0 0;
counter-increment: count;
margin:0;
}
.nanba2::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 13vw;
  height: 13vw;
  background-image: url(../images/svg/na03.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nanba4::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 13vw;
  height: 13vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba5::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 13vw;
  height: 13vw;
  background-image: url(../images/svg/na05.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba6::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 13vw;
  height: 13vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
	h4{
  font-family: 'Noto Sans JP', serif;
font-size:4.1vw;
font-weight: 400;
line-height: 2;
margin:0;
}
	.p2 {
  font-family: 'Noto Sans JP', serif;
font-size:4.1vw;
font-weight: 400;
line-height: 2;
margin:0;
}
.sp99 {
display:block;
}
.pc99 {
display:none;
}
.osusume{
font-size:4.5vw;
color: #00B800;
letter-spacing: 0.1vw;
margin:0 0 20px 0;
}
.f-burendo{
    display: grid;
    grid-template-columns: 1fr;
	gap: 10%;
}
	.f-box{
max-width: 78%;
margin:50px auto 40px auto;
text-align: center;
}
#tanpopo-rin{
width:27vw;
position: absolute;
  top: 42%;
  right: 38%;
  transform: translateY(-50%) translateX(-50%);
z-index: 55;
 animation: fuwafuwa_1 5s ease 0s infinite;
}
	}
@media screen and (max-width: 550px) {
.nanba{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba03{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba2{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba3{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba4{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba5{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba6{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
	}

@media screen and (max-width: 450px) {
.tokuten{
font-size:4vw;
letter-spacing: 0.2vw;
font-weight: 900;
color: #00B800;
border: solid 2px #00B800;
padding:15px 5%;
background: #fff;
border-radius: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.nanba::before{
position: absolute;
top:22%;
left:4%;
  content: '';
  display: inline-block;
  width: 13vw;
  height: 13vw;
  background-image: url(../images/svg/na01.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba03::before{
position: absolute;
top:22%;
left:4%;
  content: '';
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background-image: url(../images/svg/na02.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba03{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 21vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba2{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 22vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba4{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 22vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba5{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 22vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba6{
font-size:5vw;
background: #00B800;
color: #fff;
padding:20px 20px 20px 22vw;
position: relative;
border-radius: 40px 40px 0 0;
counter-increment: count;
margin:0;
}
.nanba2::before{
position: absolute;
top:22%;
left:5%;
  content: '';
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background-image: url(../images/svg/na03.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba4::before{
position: absolute;
top:18%;
left:5%;
  content: '';
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba4::before{
position: absolute;
top:22%;
left:5%;
  content: '';
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba5::before{
position: absolute;
top:22%;
left:5%;
  content: '';
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background-image: url(../images/svg/na05.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.nanba6::before{
position: absolute;
top:22%;
left:5%;
  content: '';
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background-image: url(../images/svg/na04.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
	.buru-box{
background: #D5EBE3;
font-size:3.5vw;
padding:15px;
}
.buru-box2{
background: #D5EBE3;
font-size:3.5vw;
padding:25px 15px;
}
	.f-box-c{
background: #00B800;
text-align: center;
padding:5px;
color: #fff;
font-weight: 700;
font-size:10px;
}
	.p3 {
font-weight: 700;
font-size:12px;
}
	

	#top-hedo-sp{
width:83vw;
position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
z-index: 55;
display:block;
}
	.tanpopo:before{
  content: '';
  display: inline-block;
  width: 25vw;
  height: 25vw;
  background-image: url(../images/svg/tanpo.svg);
  background-size: contain;
  vertical-align: middle;
position: absolute;
bottom:10vw;
right:-15px;
background-repeat: no-repeat;
z-index: 20;
}
.p88 {
font-size:13px;
}
	}

@media screen and (max-width: 400px) {
	.naka{
text-align: center;
font-size:12px;
}
.tokuten{
font-size:3.2vw;
letter-spacing: 0.2vw;
font-weight: 900;
color: #00B800;
border: solid 2px #00B800;
padding:15px 10%;
background: #fff;
border-radius: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
		}
@media screen and (max-width: 350px) {
	.naka{
text-align: center;
font-size:10px;
}

		}