@charset 'UTF-8';

.img_01{
float: right;
}
.img_01 img {
max-width: 100%;
width: auto;
}

@media screen and (max-width:767px){
.content_block{
display: flex;
flex-direction: column;
}
.img_01{
float: none;
margin: 1em 0;
order: 2;
}
.img_01 img {
margin: 0 auto;
}
}

/*===========================================
link_inline
===========================================*/
.link_inline {
text-decoration: underline;
}

/*===========================================
list
===========================================*/
.list ul > li {
margin-bottom: 0.5em;
}

/*===========================================
flex_01
===========================================*/
.flex_01{
display: flex;
align-items: center
}
.flex_01 .thumb{
margin-right: 0.5em;
}

.col_width_01{
width: 15%;
}
.col_width_02{
width: 85%;
}

@media screen and (max-width:767px){
.flex_01 {
flex-direction: column;
text-align: center;
;
}
.flex_01 .thumb{
margin-right: 0;
}
.flex_01 .thumb img{ 
max-width: 100%;
width: auto;
margin: 0 auto;
}
}

@media screen and (max-width:645px){
.col_width_01{
width: 25%;
}
.col_width_02{
width: 75%;
}
}