@charset "UTF-8";

:root {
    --beige: #fafbe6;
    --white: #fcfcef;
    --skyblue: #98d2c0;
    --emeraldgreen: #03aa9d;
    --navy: #215881;
}

body {
    background-color: var(--beige);
    margin: 0;
    padding: 0;
    font-family: Zen Kaku Gothic New;
}

.ronin-layout-container {
    width: 100% ;
    max-width: 375px ; 
    box-sizing: border-box ;
    padding: 0 16px ; 
    margin: 40px auto ;
    text-align: left ; 
}

.experience-box {
    width: 100%;
    margin: 0 auto;
    width:335px;
    border:1px solid var(--emeraldgreen);
    background-color: var(--white);
    position:relative;
    margin-top:20px;
    justify-content:center;
    padding:15px;
    line-height:1.5;
    font-size:14px;
    text-align:justify;
    text-align-last:left;
    margin-bottom: 20px;
}

.caution-list {
    margin: 0;
    padding-left: 20px; 
    list-style-type: disc; 
}

.caution-list li {
    font-size: 13.5px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 14px; 
    text-align: left;
    white-space: normal;
    word-break: break-all;
}

.caution-list li:last-child {
    margin-bottom: 0;
}