@charset "utf-8";
.titarea{
	background-image: url(../images/bg_tit.webp);
	background-repeat: no-repeat;
	}
.titarea h1{
width:100%;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
padding-left: 1rem;
line-height: 1.2;
}
.titarea p{
width:100%;
padding: 1rem;
display: flex;
justify-content: flex-end;
}
.titarea p img{
display: block;
height: 3rem;
width: auto;
}
/* aboutここから*/
.descriptionArea,
.listarea{
width: 90%;
margin: 0 auto;
}
.descriptionArea{
margin: 2rem auto;
}
.descriptionArea p span{
color: #6a4e49;
}

.listarea_desc{
margin: 1rem 0;
}
.listarea_desc .contact{
padding: 1rem 0rem;
}
ul.listarea_curator li{
padding: 2rem 0;
border-top:solid 1px #DCDCDC ;
}
ul.listarea_curator li:last-child{
border-bottom:solid 1px #DCDCDC ;
}
.descriptionArea .contact_container{
margin: 1rem auto;
}
.descriptionArea h2{
margin-bottom: 1rem;
line-height: 1.5;
}
.descriptionArea p{
margin-bottom: 1rem;
}
.descriptionArea .contact_container p{
margin-bottom: 0;
}
/*お問い合わせ contact*/
.contact{
padding: 3rem 1rem;
}
.contact a,.contact_container a{
display: block;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
}
.contact a:hover,
.descriptionArea a:hover{
color: #e6e1cc;
text-decoration: none;
background-color: #FFFFFF;
}
.contact_container{
border:solid 1px #cccccc;
}
.contact_container p.noto-serif-jp{
font-size: 1rem;
font-weight: 400;
width: 70%;
text-align: center;
}
.contact_container p.action{
padding-top: 0;
width: 30%;
text-align: right;
}
.contact_container p.action img{
max-width: 40%;
height: auto;
}
.descriptionArea.Line{
border-bottom: solid 1px #DCDCDC;
}
.descriptionArea.Line p{
margin: 0 0 1rem 0;
width: 100%;
}
/* ここからパソコン用画面の設定
------------------------------------------------------------*/
@media screen and (min-width:756px){
.titarea{
	display: flex;
	align-items: flex-end;
	background-image: url(../images/bg_tit.webp);
	background-repeat: no-repeat;
	}
.titarea h1{
width:70%;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
padding-left: 1rem;
margin-bottom: 1rem;
margin-left: 10%;
}
.titarea p{
width:20%;
height: 150px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 1rem;
margin-right: 10%
}
.titarea p img{
display: block;
height: 3rem;
width: auto;
}
.descriptionArea,
.listarea{
width: 70%;
margin: 0 auto;
}
.descriptionArea{
margin: 4rem auto;
}
ul.listarea_curator li{
display: flex;
justify-content: space-between;
padding: 2rem;
border-top:solid 1px #DCDCDC ;
}
ul.listarea_curator h2{
width:20%;
text-align: left;
margin-top: 1.2rem;
}
.listarea_desc .contact_container{
margin: 1rem 0;
width: 80%;
}
/*お問い合わせ contact*/
.contact_container{
width: 40%;
margin: 1rem auto;
}
.photo{
max-width: 40%;
margin: 0 auto;
padding: 1rem;
}
.contact_container p.noto-serif-jp {
    font-size: 1.5rem;
}
.descriptionArea .contact_container{
margin: 2rem auto;
}
.descriptionArea.Line p{
margin-bottom: 1rem;
max-width: 70%;
}
}