@charset "utf-8";

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

.box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2rem 0 0 0;
border: 2px solid;
border-color: rgba(50,184,235,0.75);
box-sizing: border-box;
}

.box:last-child {
margin: 2rem 0;
}

.box_inner_text_only {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0;
text-align: left;
}

.line_in_box {
margin: 3rem 0;
border: 1px #32B8EB solid;
width: 100%;
}

.box_inner_shoru_01 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0 0 0;
text-align: left;
}

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

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

.photo_box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 40%;
}

.box_inner_shoru_03 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0;
text-align: left;
}


}




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

.box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2rem 0 0 0;
border: 2px solid;
border-color: rgba(50,184,235,0.75);
box-sizing: border-box;
}

.box:last-child {
margin: 2rem 0;
}

.box_inner_text_only {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0;
text-align: left;
}

.line_in_box {
margin: 3rem 0;
border: 1px #32B8EB solid;
width: 100%;
}

.box_inner_shoru_01 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0 0 0;
text-align: left;
}

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

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

.photo_box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 40%;
}

.box_inner_shoru_03 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0;
text-align: left;
}


}