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

/* 基本-モバイルファースト ======================================================================================================== */

#alpha {
}
#alpha .photo{
width: 80%;
}
#alpha .text{
width: 95%;
margin-top: -5vw;
margin-left: auto;
padding: 10vw 5vw 5vw;
text-align: left;
background-color: #f7e8eb;
}
#alpha .text p{
margin-bottom: 1em;
}
#alpha .text .attention{
padding: 5vw;
font-size: 12px;
border: solid 1px #555;
}
#alpha .text .attention dt{
display: block;
font-weight: bold;
}


#gamma li{
margin-bottom: 20px;
}
#gamma li:last-child{
margin-bottom: 0px;
}
#gamma li a{
display: flex;
align-items: center;
background-color: #b3203a;
color: #fff;
border: solid 2px #b3203a;
}
#gamma li a .photo{
width: 50%;
}
#gamma li a p{
width: 50%;
text-align: center;
padding: 0 20px;
}



#beta{
padding-top: 40px;
margin-top: 40px;
border-top: solid 1px #ddd;
}
#beta p{
font-weight: bold;
}
#beta ul{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#beta ul li{
width: 50%;
text-align: center;
margin-top: 10px;
}
#beta ul li a{
display: block;
}


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

#alpha {
display: flex;
}
#alpha .photo{
width: 40%;
}
#alpha .text{
width: 60%;
margin-top: 2vw;
padding: 5vw;
}
#alpha .text p{
font-size: 18px;
}
#alpha .text .attention{
padding: 1vw;
}
#alpha .text ul{
display: flex;
justify-content: center;
margin-top: 2vw;
}
#alpha .text .common_btn{
margin: 0 1vw;
}



#gamma ul{
display: flex;
justify-content: space-between;
}
#gamma li{
width: 48%;
margin-bottom: 0px;
}
#gamma li a:hover{
color: #b3203a;
background-color: #fff;
}
#gamma li a p{
font-size: 18px;
}

#beta{
text-align: center;
padding-top: 80px;
margin-top: 80px;
}
#beta ul li{
width: auto;
margin: 20px 20px 0;
}
#beta ul li img{
max-height: 30px;
}




}