@charset "utf-8";
@import url("root.css");
/***************************************
-------------- CONTACT --------------
***************************************/
#greeting .box {
width: 1200px;
padding: 80px 0 0 0;
}

#greeting p {
    text-align: justify;
    margin: 0 auto 30px;
}

#greeting .row {

margin: 0 auto;
}

#greeting .col_img {width: 300px;}
#greeting .col_txt {width: 900px;}

#greeting .col_txt p{font-family: ten-mincho, serif;line-height: 2;}

#greeting dl {
width: 100%;
margin: 40px auto 0;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
align-items: stretch;
border-top: 1px solid var(--base-color01);
}
#greeting dt {
width: 20%;
color: var(--base-color03);
background-color:  var(--base-color01);
border-bottom: 1px solid var(--base-color03);
padding:20px 10px;
text-align: center;

}
#greeting dd {
width: 80%;
margin: 0 auto;
text-align: justify;
padding:20px 20px;
border-bottom: 1px solid var(--base-color01);
border-right: 1px solid var(--base-color01);
}
@media screen and (max-width:768px){
#greeting .box {
width:90%;
padding:40px 0 0 0;
}

#greeting p {}

#greeting .row {}

#greeting .col_img {width: 100%;margin: 0 auto 20px;text-align: center;}
#greeting .col_txt {width: 100%;}

#greeting .col_txt p{}

#greeting dl {margin: 20px auto 0;
}
#greeting dt {width: 100%;}
#greeting dd  {width: 100%;border-left: 1px solid var(--base-color01);}