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

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

.box-01-inner-01 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: calc(5rem - 3.25px) 0% 5rem 0%;
text-align: left;
}

.kinkyu-bangou {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
font-size: 150%;
font-weight: bold;
}

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

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

.kinkyu-pc {
display: none;
}

}


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

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

.box-01-inner-01 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: calc(5rem - 3.25px) 0% 5rem 0%;
text-align: left;
}

.kinkyu-bangou {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
font-size: 150%;
font-weight: bold;
}

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

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


}