@charset "UTF-8";
/* CSS Document */

/* 中身-モバイルファースト======================================================================================================== */
#contents{
padding-top: 0;
}
#alpha{
background-color: #362317;
color: #FFF;
padding: 10vw 0;
}
#alpha .contents_size{
text-align: center;
}
#alpha h3{
margin-bottom: 20px;
}
#alpha .text p{
margin-bottom: 20px;
}
#alpha .photo{
display: flex;
justify-content: space-between;
align-items: center;
}
#alpha .photo div{
width: 58%;
margin: 0 auto;
font-size: 10px;
}
#alpha .photo div:first-child{
width: 38%;
}


#beta{
text-align: center;
}
#beta h4{
font-size: 18px;
}
#beta ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#beta li{
width: 48%;
margin-top: 10px;
font-size: 12px;
}


#history table{
margin-bottom: 10px;
}
#history th,
#history td{
font-size: 16px;
vertical-align: top;
}
#history th{
white-space: nowrap;
}
#history td{
padding-left: 1em;
}
#history .photo{
text-align: center;
margin-bottom: 10px;
}
#history .photo.flex{
display: flex;
justify-content: center;
}
#history .photo.flex img{
width: 49%;
margin: 0 1%;
}
#history h4{
font-size: 18px;
text-align: center;
}


/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#alpha{
background-color: #362317;
color: #FFF;
padding: 80px 0;
}
#alpha h3{
margin-bottom: 40px;
}
#alpha h3 img{
height: 40px;
}
#alpha .text p{
margin-bottom: 40px;
}
#alpha .photo{
display: flex;
justify-content:center;
align-items: flex-start;
}
#alpha .photo div{
width: auto;
margin: 0;
font-size: 14px;
}
#alpha .photo div:first-child{
width: auto;
margin-right: 40px;
}

#beta h4{
font-size: 20px;
margin-bottom: 20px;
}
#beta ul{
}
#beta li{
width: 240px;
}
#beta li img{
max-width: 100%;
height: auto;
}



#history table{
margin: 0 auto 20px;
}
#history th,
#history td{
font-size: 18px;
}
#history .photo{
margin-bottom: 20px;
}
#history .photo img{
max-width: 400px;
}
#history .photo.flex img{
width: 240px;
margin: 0 5px;
}
#history h4{
font-size: 20px;
}




}