@charset "utf-8";

@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: 0;
padding: 5rem 0;
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;
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 0 0;
}

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


}




@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: 0;
padding: 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;
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;
}

.main_box_2_inner_01 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
margin: 0 2% 0 0;
}

.main_box_2_inner_01:last-child {
margin: 0;
}


}