@charset "utf-8";
/* CSS Document */
ul.box{
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
ul.box li{
width: 48%;
text-align: left;
}
ul.box li img.name{
max-width: 50%;
height: auto;
}
ul.box li p{
text-align: left;
font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);
line-height: 1.8;
margin: 2.25rem 0 1rem;
}
ul.box a.btn_b {
display: block;
line-height: 2rem;
width: 30%;
font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);
margin-left: 0;
margin-right: 0.6rem;
}
ul.box li img.map{
margin: 2.8rem 0 1.5rem;
max-width: 100%;
height: auto;
}
ul.box ul.route{
margin-bottom: 2rem;
text-align: left;
}
ul.box ul.route li{
width: 100%;
}
ul.box ul.route li::before {
content: "●";
color: #ff99cc;
}
ul.box ul.route li.pdf a::before {
    content: url("../company/images/PDF_32.png");
    display: inline-block;
    transform: scale(0.5);
    vertical-align: middle
}
li#tokyo span{
max-width: 420px;
height: auto;
aspect-ratio: 1 / 1; 
display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
ul.box{
display: block;
}
ul.box li{
width: 100%;
}
ul.box li img.name{
max-width: 80%;
height: auto;
}
ul.box a.btn_b {
width: 100%;
line-height: 3rem;
}
li#osaka{
margin-top: 3rem;
}
}