@charset "UTF-8";

article {
    background-color: #e9e9e9;
    background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, #e9e9e9 2px);
}

@media screen and (min-width: 760px) {  /*PC*/
#title{
	width:100%;
	background:#6D6147;
	text-align:center;
    display: flex;
    align-items: center;
    height: auto;
}
#title h1{
margin:0 auto;
padding:0;
max-width: 970px;
width: 100%;
}
#title h1 img{
margin:0;
padding:0 0;
max-width: 970px;
width: 100%;
}

.flb {
    display: flex;
	gap:0px 20px;
}
.flb div.img {
    font-size: 14px;
}
.flb div.img img {
    width: 200px;
}

.yado1 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.yado1 p {
width: 300px;
}
.yado1 p img {
width: 100%;
height: auto;
}

.yado2 {
display: flex;
justify-content: center;
gap: 0px 50px;
}
.yado2 p {
width: 400px;
font-size: 14px;
padding: 0px;
margin: 0px;
background: #fff;
text-align: center;
}
.zaseki2 img {
width: 100%;
height: auto;
}

}



@media screen and (max-width: 759.9px) {  /*SP*/

.flb{
    margin-bottom: 1em;
}
.flb div.img {
margin-bottom: 10px;
}
.flb div.img img {
    width: 100%;
}

.yado1 {
margin-bottom: 15px;
}
.yado1 dl {
margin-bottom: 10px;
}
.yado1 p img {
width: 100%;
height: auto;
}

.yado2 {
font-size: 12px;
text-align: center;
padding: 0px;
}
.yado2 p {
margin-bottom: 15px;
}
.yado2 img {
width: 100%;
height: auto;
}

}