@media screen and (max-width: 1170px) {
.jyoken-title, .ryokin-title, .riyou-title {
    width: 30%;       
}
.jyoken-table, .ryokin-table, .riyou-table {
    width: 90%;
} 
.riyou-table table th {
    width: 90%;
    float: left;
}
.riyou-table table td {
    width: 90%;
    float:left;
}
#touroku,#yoyaku,#toujitsu,#omukae {
    padding: 30px 0px 30px 30px;
}
#dis1170{
    display:none;
}  
.dis845{
    display:none;
}  
}

@media screen and (max-width: 845px) {
.info-box {
    padding: 10px 30px 20px;
} 
.jyoken-title, .ryokin-title, .riyou-title {
    width: 50%;
    font-size: 25px;
}
.k-box01 {
    width: 70%;
}
#info-theme {
    font-size: 25px;
} 
.onegai-title p {
    font-size: 25px;
}
.dis845{
    display:block;
}

.link-box {
    margin:20px auto 0px;
    width: 180px;
}
.jyoken, .ryokin, .riyou {
    margin-top: 80px;
}
.riyou-table table th {
    padding:0;    
}
.riyou-table table td {
    padding: 20px 20px 20px 20px;
}   
#panda,#pengin {
    width: 60px;
}
.onegai {
    width: 90%;
    margin: 50px auto;
}
.foot-box01 img {
    width: 70%;
}
#pcenter{
    text-align: center;
}
.riyou-table table a {
    margin-left: 0px;
} 
    
}
@media screen and (max-width: 700px) {

.infoimg-box01 {
    width: 80%;
} 
.infoimg-box02 {
    width: 100%;
}   
.infobox01 {
    width: 50%;
}
    
}
    
    
    
@media screen and (max-width: 550px) {
.dis540{
    display:block;
}
.link-box {
    margin: 20px auto 0px;
    width: 120px;
}
#info-theme {
    font-size: 20px;
} 
.onegai-title p {
    font-size: 20px;
}
.jyoken-title, .ryokin-title, .riyou-title {
    font-size: 20px;
    width: 40%;
}
.infobox01 {
        width: 80%;
}
#ryokin-exp {
    text-align: left;
    width: 90%;
    margin: 0 auto 30px;
}
    
    
}

@media screen and (max-width: 410px) {
#info-theme {
    font-size: 18px;
}
.k-box01 {
    width: 90%;
} 
.infobox01 {
    width: 100%;
} 
.infoimg-box01 {
    width: 90%;
}
.dis540{
    display:none;
}   
.link-box {
    width: 80%;
}
.jyoken-table th, .ryokin-table th {
    width: 0%;
}  
.jyoken-title, .ryokin-title, .riyou-title {
    width: 45%;
}
#panda, #pengin {
    width: 40px;
}
.dis410{
    display:block;
}   

    
    
    
}