@charset "UTF8";

/*-------------------
スマホ縦
-------------------*/
@media screen and (max-width: 480px){

.list-area dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}

.list-area hr{
    width: 100%;
    border-bottom: 1px solid #002438;
}

.list-area dl dt{
    width: 30%;
    margin: 1% 0;
    font-size: 2vw;
}

.list-area dl dd{
    width: 70%;
    margin: 1% 0;
    font-size: 2vw;
}

#company-office-photo-area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2% 0 4%;
}

#company-office-photo{
    width: 49%;
    box-shadow: 4px 4px 2px #6f6154;
}

#company-office-photo img{
    width: 100%;
    vertical-align: top;
}

#president-commet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fbf1e8;
    padding: 2%;
    box-shadow: 4px 4px 2px #6f6154;
    margin: 2% 0 4%;
}

#president-text{
    width: 48%;
    padding-right: 2%;
    font-size: 2vw;
}

#president-text p{
    line-height: 4vw;
}

#president-photo{
    width: 50%;
    box-shadow: 4px 4px 2px #6f6154;
}

#president-photo img{
    width: 100%;
    vertical-align: top;
}

}
/*-------------------
スマホ横
-------------------*/
@media screen and (min-width: 481px) and (max-width: 896px) {

.list-area dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}

.list-area hr{
    width: 100%;
    border-bottom: 1px solid #002438;
}

.list-area dl dt{
    width: 30%;
    margin: 1% 0;
    font-size: 1.5vw;
}

.list-area dl dd{
    width: 70%;
    margin: 1% 0;
    font-size: 1.5vw;
}

#company-office-photo-area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2% 0 4%;
}

#company-office-photo{
    width: 49%;
    box-shadow: 4px 4px 2px #6f6154;
}

#company-office-photo img{
    width: 100%;
    vertical-align: top;
}

#president-commet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fbf1e8;
    padding: 2%;
    box-shadow: 4px 4px 2px #6f6154;
    margin: 2% 0 4%;
}

#president-text{
    width: 48%;
    padding-right: 2%;
    font-size: 1.5vw;
}

#president-text p{
    line-height: 3vw;
}

#president-photo{
    width: 50%;
    box-shadow: 4px 4px 2px #6f6154;
}

#president-photo img{
    width: 100%;
    vertical-align: top;
}

}
/*-----------------------
 タブレットスタイル(縦)
-------------------------*/
@media screen and (min-width: 897px) and (max-width: 1024px) {

.list-area dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}

.list-area hr{
    width: 100%;
    border-bottom: 1px solid #002438;
}

.list-area dl dt{
    width: 30%;
    margin: 1% 0;
}

.list-area dl dd{
    width: 70%;
    margin: 1% 0;
}

#company-office-photo-area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2% 0 4%;
}

#company-office-photo{
    width: 49%;
    box-shadow: 4px 4px 2px #6f6154;
}

#company-office-photo img{
    width: 100%;
    vertical-align: top;
}

#president-commet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fbf1e8;
    padding: 2%;
    box-shadow: 4px 4px 2px #6f6154;
    margin: 2% 0 4%;
}

#president-text{
    width: 48%;
    padding-right: 2%;
}

#president-text p{
    line-height: 2vw;
}

#president-photo{
    width: 50%;
    box-shadow: 4px 4px 2px #6f6154;
}

#president-photo img{
    width: 100%;
    vertical-align: top;
}

}

/*-------------------
タブレット_横
-------------------*/
@media screen and (min-width: 1025px) and (max-width: 1400px) {

.list-area dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}

.list-area hr{
    width: 100%;
    border-bottom: 1px solid #002438;
}

.list-area dl dt{
    width: 30%;
    margin: 1% 0;
}

.list-area dl dd{
    width: 70%;
    margin: 1% 0;
}

#company-office-photo-area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2% 0 4%;
}

#company-office-photo{
    width: 49%;
    box-shadow: 4px 4px 2px #6f6154;
}

#company-office-photo img{
    width: 100%;
    vertical-align: top;
}

#president-commet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fbf1e8;
    padding: 2%;
    box-shadow: 4px 4px 2px #6f6154;
    margin: 2% 0 4%;
}

#president-text{
    width: 48%;
    padding-right: 2%;
}

#president-text p{
    line-height: 2vw;
}

#president-photo{
    width: 50%;
    box-shadow: 4px 4px 2px #6f6154;
}

#president-photo img{
    width: 100%;
    vertical-align: top;
}

}

/*-------------------
ＰＣ
-------------------*/
@media all and (min-width: 1401px){

.list-area dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}

.list-area hr{
    width: 100%;
    border-bottom: 1px solid #002438;
}

.list-area dl dt{
    width: 30%;
    margin: 1% 0;
}

.list-area dl dd{
    width: 70%;
    margin: 1% 0;
}

#company-office-photo-area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2% 0 4%;
}

#company-office-photo{
    width: 49%;
    box-shadow: 4px 4px 2px #6f6154;
}

#company-office-photo img{
    width: 100%;
    vertical-align: top;
}

#president-commet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fbf1e8;
    padding: 2%;
    box-shadow: 4px 4px 2px #6f6154;
    margin: 2% 0 4%;
}

#president-text{
    width: 48%;
    padding-right: 2%;
}

#president-text p{
    line-height: 2vw;
}

#president-photo{
    width: 50%;
    box-shadow: 4px 4px 2px #6f6154;
}

#president-photo img{
    width: 100%;
    vertical-align: top;
}

}
/*-------------------
印刷用
-------------------*/
@media print{

.list-area dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}

.list-area hr{
    width: 100%;
    border-bottom: 1px solid #002438;
}

.list-area dl dt{
    width: 30%;
    margin: 1% 0;
}

.list-area dl dd{
    width: 70%;
    margin: 1% 0;
}

#company-office-photo-area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2% 0 4%;
}

#company-office-photo{
    width: 49%;
    box-shadow: 4px 4px 2px #6f6154;
}

#company-office-photo img{
    width: 100%;
    vertical-align: top;
}

#president-commet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fbf1e8;
    padding: 2%;
    box-shadow: 4px 4px 2px #6f6154;
    margin: 2% 0 4%;
}

#president-text{
    width: 48%;
    padding-right: 2%;
}

#president-text p{
    line-height: 2vw;
}

#president-photo{
    width: 50%;
    box-shadow: 4px 4px 2px #6f6154;
}

#president-photo img{
    width: 100%;
    vertical-align: top;
}

}


/*-------------------
共通
-------------------*/

.list-area{
    width: 100%;
}