@media screen and (min-width: 0px) and (max-width: 700px) {

.main-box-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 2rem 0% 2rem 0%;
text-align: center; 
}

.main-box-1 {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-evenly;
width: 100%;
}

.main-box-2 {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 3% 0% 3% 0%;
box-sizing: border-box;
z-index: 10;
}

.main-box-2 img{
width: 40%;
}

/* SP吹き出し左上始 *//* 吹き出し左上始 *//* 吹き出し左上始 */
/* 吹き出し本体 */
.balloon-hidari-ue {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 45%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
}
/* 色付きの半円 */
.balloon-hidari-ue::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 15%;
bottom: -35px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #00A2F2;
border-bottom: 50px solid #00A2F2;
}
/* 白い半円 */
.balloon-hidari-ue::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 5%;
bottom: -50px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #FFFFFE;
border-bottom: 50px solid #FFFFFE;
}
/* SP吹き出し左上終 *//* 吹き出し左上終 *//* 吹き出し左上終 */

/* SP吹き出し右上始 *//* 吹き出し右上始 *//* 吹き出し右上始 */
/* 吹き出し本体 */
.balloon-migi-ue {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 45%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
}
/* 色付きの半円 */
.balloon-migi-ue::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 15%;
bottom: -35px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #00A2F2;
border-bottom: 50px solid #00A2F2;
}
/* 白い半円 */
.balloon-migi-ue::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 5%;
bottom: -50px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #FFFFFE;
border-bottom: 50px solid #FFFFFE;
}
/* SP吹き出し右上終 *//* 吹き出し右上終 *//* 吹き出し右上終 */

/* SP吹き出し左下始 *//* 吹き出し左下始 *//* 吹き出し左下始 */
/* 吹き出し本体 */
.balloon-hidari-shita {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 45%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
}
/* 色付きの半円 */
.balloon-hidari-shita::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 15%;
top: -35px;
border-left: 50px solid #00A2F2;
border-top: 50px solid #00A2F2;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/* 白い半円 */
.balloon-hidari-shita::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 5%;
top: -50px;
border-left: 50px solid #FFFFFE;
border-top: 50px solid #FFFFFE;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/* SP吹き出し左下終 *//* 吹き出し左下終 *//* 吹き出し左下終 */

/* SP吹き出し右下始 *//* 吹き出し右下始 *//* 吹き出し右下始 */
/* 吹き出し本体 */
.balloon-migi-shita {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 45%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
}
/* 色付きの半円 */
.balloon-migi-shita::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 15%;
top: -35px;
border-left: 50px solid #00A2F2;
border-top: 50px solid #00A2F2;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/* 白い半円 */
.balloon-migi-shita::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 5%;
top: -50px;
border-left: 50px solid #FFFFFE;
border-top: 50px solid #FFFFFE;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/* SP吹き出し右下終 *//* 吹き出し右下終 *//* 吹き出し右下終 */

.box-inner-click {
background: rgba(0,0,0,0.15);
border-radius: 0px 0px 	10px 10px;
}


}


@media screen and (min-width: 701px) { 

.main-box-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 4em 0% 4rem 0%;
text-align: center; 
}

.main-box-1 {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-evenly;
width: 100%;
}

.main-box-2 {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 3% 0% 3% 0%;
box-sizing: border-box;
z-index: 10;
}

.main-box-2 img{
width: 20%;
}

/* PC吹き出し左上始 *//* 吹き出し左上始 *//* 吹き出し左上始 */
/* 吹き出し本体 */
.balloon-hidari-ue {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 35%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
transition: 1s;
}
/* 色付きの半円 */
.balloon-hidari-ue::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 15%;
bottom: -45px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #00A2F2;
border-bottom: 50px solid #00A2F2;
}
/* 白い半円 */
.balloon-hidari-ue::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 5%;
bottom: -50px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #FFFFFE;
border-bottom: 50px solid #FFFFFE;
}

.balloon-hidari-ue:hover {
transform: scale(1.1,1.1);
transition: 0.3s;
}
/* PC吹き出し左上終 *//* 吹き出し左上終 *//* 吹き出し左上終 */

/* PC吹き出し右上始 *//* 吹き出し右上始 *//* 吹き出し右上始 */
/* 吹き出し本体 */
.balloon-migi-ue {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 35%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
transition: 1s;
}
/* 色付きの半円 */
.balloon-migi-ue::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 15%;
bottom: -45px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #00A2F2;
border-bottom: 50px solid #00A2F2;
}
/* 白い半円 */
.balloon-migi-ue::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 5%;
bottom: -50px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid #FFFFFE;
border-bottom: 50px solid #FFFFFE;
}

.balloon-migi-ue:hover {
transform: scale(1.1,1.1);
transition: 0.3s;
}
/* PC吹き出し右上終 *//* 吹き出し右上終 *//* 吹き出し右上終 */

/* PC吹き出し左下始 *//* 吹き出し左下始 *//* 吹き出し左下始 */
/* 吹き出し本体 */
.balloon-hidari-shita {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 35%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
transition: 1s;
}
/* 色付きの半円 */
.balloon-hidari-shita::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 15%;
top: -45px;
border-left: 50px solid #00A2F2;
border-top: 50px solid #00A2F2;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/* 白い半円 */
.balloon-hidari-shita::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
right: 5%;
top: -50px;
border-left: 50px solid #FFFFFE;
border-top: 50px solid #FFFFFE;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}

.balloon-hidari-shita:hover {
transform: scale(1.1,1.1);
transition: 0.3s;
}
/* PC吹き出し左下終 *//* 吹き出し左下終 *//* 吹き出し左下終 */

/* PC吹き出し右下始 *//* 吹き出し右下始 *//* 吹き出し右下始 */
/* 吹き出し本体 */
.balloon-migi-shita {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 35%;
height: 10rem;
position: relative;
background-color: #00A2F2;
color: #FFFFFE;
border-radius: 10px;
transition: 1s;
}
/* 色付きの半円 */
.balloon-migi-shita::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 15%;
top: -45px;
border-left: 50px solid #00A2F2;
border-top: 50px solid #00A2F2;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/* 白い半円 */
.balloon-migi-shita::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(45deg);
left: 5%;
top: -50px;
border-left: 50px solid #FFFFFE;
border-top: 50px solid #FFFFFE;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}

.balloon-migi-shita:hover {
transform: scale(1.1,1.1);
transition: 0.3s;
}
/* PC吹き出し右下終 *//* 吹き出し右下終 *//* 吹き出し右下終 */

.box-inner-click {
background: rgba(0,0,0,0.07);
border-radius: 0px 0px 	10px 10px;
}


}