:root {
--serif: 'Noto Serif JP', serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
--sans: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main{height: 425px;width: 100%;
    background-image: url(../img/about/main_bg.png);
    background-position: center bottom;
background-size: cover;position: relative;}


.main img{ 
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom:36px;

}


.about_us .contents{
    width: 100%;
    padding-bottom: 30px;
    padding-top: 70px;

}

h2{ text-align: center;font-family:var(--serif);border-bottom: 2px solid #a99280;padding: 30px 0px 15px 0px;margin: 0px 0px 0px 0px;font-size: 26px;}

.about_block{width: min(100%, 1080px);margin: 0 auto 0 auto}

.about{margin-bottom: 80px;position: relative;}


.about dl{margin-left: auto;width: min(100%, 1005px);display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 20px;padding-top: 20px;line-height: 30px;}
.about dl dt{width: 155px;text-align-last: justify;padding: 10px 10px 10px 30px;position: relative;}
.about dl dt::after{height: 17px;width: 17px;background-color: #231815;display: block;position: absolute;content: "";left: 0px;top: 17px;}
.about dl dd{width: calc(100% - 210px);padding: 10px 0px 10px 0px}
.about dl dd ul{}
.about dl dd ul li{position: relative;padding-left: 10px;display: inline-block;margin-bottom: 5px;}
.about dl dd ul li:first-of-type{width: 320px;}
.about dl dd ul li:nth-of-type(2){width: 250px;}
.about dl dd ul li:nth-of-type(3){width: 150px;}
.about dl dd ul li:nth-of-type(4){width: 320px;}
.about dl dd ul li:nth-of-type(5){width: 250px;}

.about dl dd ul li::after{height: 3px;width: 3px;background-color: #231815;display: block;position: absolute;content: "";left: 0px;top: 15px;border-radius: 5px;}


.histry{margin-bottom: 80px;position: relative;}
.histry dl{margin-left: auto;width: min(100%, 1005px);display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 20px;font-size: 20px;line-height: 35px;}
.histry dl dt{width: 110px;padding: 10px 0px 10px 30px;}
.histry dl dd{width: calc(100% - 140px);padding: 10px 0px 10px 0px}
.histry .sougyou{display:block;position: absolute;width: 303px;height: 203px;top:121px;right: 0px;}

.greeting{}
.greeting p{margin-left: auto;width: min(100%, 930px);margin-right: auto;font-size: 22px;padding-top: 20px;}

.profile{display: flex;justify-content: space-between;padding-top: 0px;}
.profile .img{width: 412px;}
.profile .right{width: calc(100% - 432px);padding-top: 90px;display: flex;margin: 0 auto}
.profile .right .title{width: 150px;}
.profile .right .text{width: calc(100% - 150px)}
.profile .right .text .name{font-size: 18px;}
.profile .right .text .name span{font-size: 14px;}
.profile .right .text .year{font-size: 14px;margin-bottom: 10px}
.profile .right .text .hobby{font-size: 14px;margin-bottom: 10px}
.profile .right .text .hobby dl{display: flex;justify-content: space-between;}
.profile .right .text .hobby dl dt{width: 40px;}
.profile .right .text .hobby dl dd{width: calc(100% - 40px);}

.profile .right .text .point{font-size: 14px;}


@media screen and (max-width: 479px){
   
.main{height: 300px;width: 100%;
    background-image: url(../img/about/main_bg_sp.png);
    background-position: center bottom;
background-size: co;position: relative;}
    
.main img{ 
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 130px;
}
    
.about_us .contents{
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;

}
h2{ text-align: center;font-family:var(--serif);border-bottom: 2px solid #a99280;padding: 0px 0px 15px 0px;margin: 0px 0px 0px 0px;font-size: 20px;}    
    
    
.about dl{margin-left: auto;margin-right: auto;width: calc(100% - 40px);display: block;justify-content: space-between;flex-wrap: wrap;font-size: 16px;padding-top: 20px;line-height: 22px;}
    
    
    
    
.about dl dt{width: 155px;text-align-last:left;padding: 12px 10px 0px 18px;position: relative;font-weight: bold}
.about dl dt::after{height: 12px;width: 12px;background-color: #231815;display: block;position: absolute;content: "";left: 0px;top: 18px;}
.about dl dd{width: 100%;padding: 5px 0px 10px 0px}
.about dl dd ul{padding-left: 5px;}
.about dl dd ul li{position: relative;padding-left: 10px;display: inline-block;margin-bottom: 5px;}
.about dl dd ul li:first-of-type{width: 90%;}
.about dl dd ul li:nth-of-type(2){width:  90%;}
.about dl dd ul li:nth-of-type(3){width:  90%;}
.about dl dd ul li:nth-of-type(4){width:  90%;}
.about dl dd ul li:nth-of-type(5){width:  90%;}
.about dl dd ul li::after{height: 3px;width: 3px;background-color: #231815;display: block;position: absolute;content: "";left: 0px;top: 9px;border-radius: 5px;}
   
    
    
    
.histry{margin-bottom: 80px}
.histry dl{margin-left: auto;margin-right: auto;width: calc(100% - 40px);display: block;justify-content: space-between;flex-wrap: wrap;font-size: 16px;padding-top: 20px;line-height: 22px;}
.histry dl dt{width: 155px;text-align-last:left;padding: 12px 10px 0px 0px;position: relative;font-weight: bold}
.histry dl dd{width: 100%;padding: 5px 0px 10px 0px}
.histry .sougyou{display:block;position: static;width: 303px;height: auto;top:81px;right: 0px;margin: 20px auto 0 auto}
    
.greeting{margin-bottom: 50px}
.greeting p{margin-left: auto;margin-right: auto;width: calc(100% - 40px);font-size: 16px;padding-top: 20px;}
    
    
    
    
    
.profile{display: block;justify-content: space-between;padding-top: 50px;}
.profile .img{width: 100%;text-align: center}
.profile .img img{width: 300px;}
    
.profile .right{width: calc(100% - 40px) ;padding-top:10px;display: block;margin: -40px auto 0 auto}
.profile .right .title{width: 100%;text-align: left}
.profile .right .text{width: 100%;}
.profile .right .text .name{font-size: 18px;}
.profile .right .text .name span{font-size: 14px;}
.profile .right .text .year{font-size: 14px;margin-bottom: 10px}
.profile .right .text .hobby{font-size: 14px;margin-bottom: 10px}
.profile .right .text .hobby dl{display: flex;justify-content: space-between;}
.profile .right .text .hobby dl dt{width: 40px;}
.profile .right .text .hobby dl dd{width: calc(100% - 40px);}

.profile .right .text .point{font-size: 14px;}  
    
    
    
}