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

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

/* 吹き出し始 *//* 吹き出し始 *//* 吹き出し始 */
.balloon {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
margin: 0rem 0 0 0;
padding: 5rem 0rem 5rem 0rem;
border: solid 3px #32B8EB;
box-sizing: border-box;
}

.balloon:before {
content: "";
position: absolute;
bottom: -24px;
left: 20%;
margin-left: 2px;
border: 12px solid transparent;
border-top: 12px solid #FFFFFE;
z-index: 2;
}

.balloon:after {
content: "";
position: absolute;
bottom: -30px;
left: 20%;
margin-left: -0px;
border: 14px solid transparent;
border-top: 14px solid #32B8EB;
z-index: 1;
}
/* 吹き出し終 *//* 吹き出し終 *//* 吹き出し終 */

.line-in-box {
margin: 3rem 0% 3rem 0%;
border: 1px #32B8EB solid;
width: 100%;
}

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

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

.main-box-2-inner-01-inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
}


}


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

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

/* 吹き出し始 *//* 吹き出し始 *//* 吹き出し始 */
.balloon {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
margin: 0rem 0 0 0;
padding: 6rem 0rem 6rem 0rem;
border: solid 3px #32B8EB;
box-sizing: border-box;
}

.balloon:before {
content: "";
position: absolute;
bottom: -24px;
left: 10%;
margin-left: 2px;
border: 12px solid transparent;
border-top: 12px solid #FFFFFE;
z-index: 2;
}

.balloon:after {
content: "";
position: absolute;
bottom: -30px;
left: 10%;
margin-left: -0px;
border: 14px solid transparent;
border-top: 14px solid #32B8EB;
z-index: 1;
}
/* 吹き出し終 *//* 吹き出し終 *//* 吹き出し終 */

.line-in-box {
margin: 3rem 0% 3rem 0%;
border: 1px #32B8EB solid;
width: 100%;
}

.main-box-2 {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
width: 96%;
margin: 2rem 0 2rem 0;
}

.main-box-2-inner-01 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 49%;
}

.main-box-2-inner-01-inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 99.9%;
position: relative;
transition: 1s;
}

.main-box-2-inner-01-inner:hover {
box-shadow: 10px 15px 10px 0px rgba(0,0,0,0.3);
transform: translateY(-10px);
transition-duration: 0.3s;
}


}