/* CSS Document */
#message .title{
    font-size: xx-large;
    color:#79b530;
}
.page {
    /* font-family: "Kiwi Maru", serif; */
    margin-top: 2em;
    color: #666;
}
.page .sub_title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    display: flex;
    align-items: flex-end;
    /* font-weight: bold; */
    font-size: 36px;
    color: #666;
    border-bottom: solid thin #79b530;
    margin-bottom: 6px;
    padding-bottom: 0.1em;
}
.page .sub_title::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 8px;
}
.page .sub1::before {background: url('../img/char_lion.png') no-repeat center center;background-size: contain;}
.page .sub2::before {background: url('../img/char_kirin.png') no-repeat center center;background-size: contain;}
.page .sub3::before {background: url('../img/char_usagi.png') no-repeat center center;background-size: contain;}

.page .element {
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased; 
    font-size: 18px;
    padding-left: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
}
.rinen_img{
    display: flex;

}
.rinen_img01{ justify-content: flex-end;}
/* .rinen_img01 img{border-radius: 50% 50% 10px 10px; width:auto; height: 200px !important;} */
.rinen_img01 img{border-radius: 20px; width:auto; height: 200px !important;}

.rinen_img02{ justify-content:space-around;}
.rinen_img02 img{border-radius: 50% 50% 50% 50% ; width:200px; height: 200px !important; object-fit: cover;}

.rinen_img03{ justify-content: flex-start;}
/* .rinen_img03 img{border-radius: 10px 50% 50% 10px; width:400px; height: 200px !important;object-fit: cover;} */
.rinen_img03 img{border-radius: 20px; width:auto; height: 200px;  /*!important;object-fit: cover;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);*/}
/*--- Tablet View ---*/
@media (min-width: 768px){
    .page{
        position: relative;
        width: 960px;
        margin: 2em auto;
    }
    .element {
        padding-left: 2em;
        margin-bottom: 20px;
    }
.char01{width: 60px; margin-right:0.5em; transform: (0deg);}
.char02{width: 60px; margin-right:0.5em; transform: rotate(0deg);}
.char03{width: 60px; margin-right:0.5em; transform: rotate(-10deg);}
.char04{width: 240px; position: absolute; bottom:210px; right: 10px; transform: rotate(0deg);}

}
/*--- Desktop View ---*/
@media (min-width: 1024px){
}