@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {


/*コンテンツ*/
.contents-bg{
    padding: 60px 0;
    text-align: center;
}


.menu_box{
    width: 96%;
    margin: 30px auto;
}

.photo{
    min-width: 80%;
    max-width: 80%;
    margin: 20px auto;
}

.photo img{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

h3{text-align: center;}

h5{text-align: center;font-size: 1.3em;}

.text{
    width: 96%;
    margin: 20px auto;
}

.text p{
    text-align: left;
    font-size: 1.1em;
    line-height: 1.6em;
}

.text dl{
    text-align: left;
    margin: 10px 0;
}
.text dt{
    width: 100%;
}
.text dd{
    width: 100%;
}

.gray{
    padding: 4%;
    background-color: #efefef;
}
.kisetsu{padding: 5px;border: thin solid #333;}
.ss{font-size: 0.7em;}
.zei{font-size: 0.7em;}

.gentei{
    margin:20px auto;
    width: 90%;
}

.gentei img{
    width: 100%;
}


}/* PC-------------------------------------------------------*/
@media screen and (min-width: 481px) {



/*コンテンツ*/
.contents-bg{
    min-height: 260px;
    padding: 120px 0;
    text-align: center;
}


.menu_box{
    display: flex;
    width: 840px;
    margin: 60px auto;
}

.photo{
    min-width: 40%;
    max-width: 40%;
    margin-right: 4%;
}

.photo img{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.text{
    text-align: left;
}

.text p{
    font-size: 1.1em;
    line-height: 1.6em;
}

.text dl{
    display: flex;
    margin: 10px 0;
}
.text dt{
    width: 20%;
}
.text dd{
    width: 80%;
}

.gray{
    padding: 40px;
    background-color: #efefef;
}

.kisetsu{padding: 5px;border: thin solid #333;}
.ss{font-size: 0.7em;}
.zei{font-size: 0.7em;}

.gentei{
    margin:20px auto 60px;
    width: 800px;
}

.gentei img{
    width: 100%;
}

}