@charset "utf-8";

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

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

.box_01_inner_wrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
border-top: rgba(50,184,235,0.75) solid 2px;
border-right: rgba(50,184,235,0.75) solid 2px;
border-bottom: none;
border-left: rgba(50,184,235,0.75) solid 2px;
box-sizing: border-box;
}

.box_01_inner_wrapper:last-child {
border-bottom: rgba(50,184,235,0.75) solid 2px;
}

.box_01_inner_left {
width: 25%;
border-top: none;
border-right: rgba(50,184,235,0.75) solid 2px;
border-bottom: none;
border-left: none;
padding: 2rem 0 2rem 3%;
box-sizing: border-box;
}

.box_01_inner_right {
width: 75%;
padding: 0 0 0 3%;
box-sizing: border-box;
}

}




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

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

.box_01_inner_wrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
border-top: rgba(50,184,235,0.75) solid 2px;
border-right: rgba(50,184,235,0.75) solid 2px;
border-bottom: none;
border-left: rgba(50,184,235,0.75) solid 2px;
box-sizing: border-box;
}

.box_01_inner_wrapper:last-child {
border-bottom: rgba(50,184,235,0.75) solid 2px;
}

.box_01_inner_left {
width: 25%;
border-top: none;
border-right: rgba(50,184,235,0.75) solid 2px;
border-bottom: none;
border-left: none;
padding: 2rem 0 2rem 2%;
box-sizing: border-box;
}

.box_01_inner_right {
width: 75%;
padding: 0 0 0 2%;
box-sizing: border-box;
}


}