@charset "UTF-8";


@media screen and (max-width:1023px){

    body{
        background-color: #ffffe5;
    }
    
    .nav {
        text-align: center;
        margin-top: 0.5rem;
        margin-bottom: 13%;
    }
    
    .nav a{
        width: 30%;
    height: 3%;
    display: inline-block;
    font-size: 0.9em;
    margin-top: 0.5rem;
    padding-top:  1em;
    padding-bottom: 1em;
    text-decoration: none;
    font-weight:800;
    color: #90673e;
    background-color: #ebd3af;
    border: solid 2px #c5956b;
    border-radius: 3px;
    transition: .4s;
    }
    
    .nav a:hover{
        color: white;
    }
    
    .midashi img{
        height: 20vh;
    }
    
    .first{
        width: 70%;
        height: 23em;
        background: #f7f092;
        color: #000;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.03);
        word-break: break-all;
        margin-left: auto;
        margin-right: auto;
    }

    .sample_box11_tape {
        width: 50%;
        height: 13px;
        margin: -25px auto 0;
        background: #989898;
        opacity: 0.1;
    }

    .what{
        margin-top: 1%;
        font-size: 1em;
        font-weight:700;
        text-align: center;
    }
    

    .first p{    
        font-size: 1em;
        text-align: center;
        margin-top: 59%;
        margin-left: 20px;
        margin-right: 20px;        
        transform: translate(0, -50%) ;
        display: block;
        font-family:sans-serif;
        font-weight: 400;
        font-style: normal;
    }
      
    .text2{
        font-family:sans-serif ;
        padding: 2% 6% 3% 6%;
        font-size: 0.6em;
        text-align: center;
    }
    
    .blunch{
        font-size: 1.7em;
        color:#333132;
        font-weight: 600;
        text-align:left;
        width: 80%;
        margin: 3% 10%;
        background: #fac8e6;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
        border-radius: 9px;
    }
    
    .blunch img{
    display: block;
    width: 80%;
    text-align: center; 
    margin: 0 auto;
    }
    
    .midasi2{
        font-family: "ab-quadra", sans-serif;
        font-weight: 300;
        font-size: 0.8em;
        font-style: normal;
        padding: 0.5em 0 0.5em 0.5em;
        width: 11em;
        text-decoration:underline;
        text-decoration-color:#333132;
    }

.text3{
font-family:sans-serif ;
padding: 2% 6% 3% 6%;
font-size: 0.6em;
text-align: center;
}


}