@charset "UTF-8";
.column p{
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; 
font-size: 18px;
line-height: 1.5em;
}

hr {
margin: 0;
  border: none;
  border-top: 15px #009ec7 solid;
}

.main {
width: 100%;
margin: 0 auto;
padding: 0;
background: #009ec7;
}

.column {
width: 100%;
display: flex; 
}

.column_side {
flex: 0 0 480px;
margin-bottom: 20px;
}

.box {
display: flex;
margin: 15px 30px 0px 30px;
background: #e8c537; 
align-items: center;
}

.box img{
width:150px;
height:150px;
}

.box_text{
background: #e8c537;  
padding: 10px;
}

.column_main {
flex: 1 1 auto;
padding:20px 30px 250px 0px;
}

.radius {
background-color: #145d94;
border: 5px solid #145d94;
padding: 10px;
border-radius: 20px 20px 0px 0px;
color: #ffffff;
text-align: center;
font-weight: 600;
}

.radius2 {
background-color: #ffffff;
border: 5px solid #145d94;
padding: 10px 15px 10px 40px;
border-radius: 0px 0px 20px 20px;
color: #000000;
text-align: left;
}

.radius2 ul {
list-style-type: disc;
}

.column_main img{
text-align: left;
padding:30px;
}


/* Media Queries(メディアクエリ)
--------------------------------------------------------- */
@media screen and (max-width: 768px){
    

hr {
border-top: 10px #009ec7 solid;
}
    
.column {
  flex-direction: column;
    }
    
.column_side {
padding: 0px 0px 20px ;
}
    
.box {
margin: 10px 0px;
}
    
.column_main { 
padding:0px 10px 240px 10px;
}

.column p{ 
font-size: 15px;
line-height: 1.5em;
}
       
}

@media screen and (max-width: 480px){
hr {
border-top: 10px #009ec7 solid;
}
    
    
}