@charset "utf-8";
body {
    background: #f8f8ea;;
}
#menu-wrapper {
    background: #fff;
    width: 100%;
    height: 55px;
    box-shadow: 1px 0 8px #ccc;
 }
#content_wrap {
    margin: 60px 0 0 0;
	text-align: center;
}
.content_inr {
    width: calc(100% - 20px);
    margin: 0 auto;

}
.pan {
    margin: 10px 5px 5px;
    font-size: 0.7em;
}
.pan_link::after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;  
    color: #333;
    margin: 0 5px;      
}


#content_box {
    background: #fff;
    padding: 10px 0;
    border-radius: 10px;
}
.content_box_inr {
    padding: 10px;
}
.txt_c {
    text-align: center;
}


.small_txt {
    font-size: 0.7em;
    line-height: 1.5em;
    display: block;
}

.small_title {
    margin: 5px 0;
    font-size: 0.9em;
}
#content_top {
    background: #fff;
    background-size: cover;
    border-radius: 10px 10px 0 0 ;   
    background-position: right bottom;
}



@media screen and (min-width: 600px) {
    #menu-wrapper {
        height: 80px;
    }
    #content_wrap {
        margin:    100px 0 0 0 ;
    }    
    .content_inr {
        width: 90%;
        max-width: 1000px;
        margin: 0 auto;
    }   
    .pan {
        font-size: 0.8em;
    }
    #content_box {
        padding: 30px 20px;
    }    
    .content_box_inr {
        padding: 0;
    }

    .content_title::after {
        height: 8px;
        margin: 2px auto;
    }  
    #content_top > div > p {
        font-size: 0.8em;   
    }    
    .kodawari {
        display: flex;
        align-items: center;
    }  
    .reform_img img {
        padding: 0 0 0 20px;
    } 
    .nagare > p {
        padding-left: 100px;
    }  
    .reform_box {
        width: calc(100%/4);
        padding: 10px 5px;
        text-align: center;
    }
    
}

@media screen and (min-width: 1000px) { 
  
    #content_box {
        padding: 40px;
    }
    #content_top {
        height: 280px;
    }     
    #content_top > div {
        padding: 70px 0 60px 50px;        
    } 
    .reform_img2 img {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 10px;
    } 
    .reform_box > div > h4 { 
        width: 160px;
    }
    .reform_box > div > .content_txt {
        width: 180px;
        margin: 0 auto;
        font-size: 0.8em;
        line-height: 1.8em;
        text-align: left;
    }  
    .nagare > p {
        padding-left: 130px;
    }      


}