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

/*下層css Contact*/
/*デバイス共通====================================*/
.pageHeader__muscat{
background-image: url("../images/muscat/pageheader_muscat.png");
background-repeat: no-repeat;
background-size: cover;
}
.muscat__txt01{
text-align: center;
padding: 80px 0;
line-height: 2;
letter-spacing: .2em;
font-weight: 600;
font-size: 18px;
}
.muscat__date{
text-align: center;
background-color: #FAFFD1;
padding: 50px 0;
letter-spacing: .1em;
font-weight: 700;
font-size: 18px;
color: #0F2B00;
}

.muscatAccess__address{
margin-top: 20px;
line-height: 1.5em;
text-align: center;
}
.muscatAccess__name{
font-size: 25px;
font-weight: 600;
text-align: center;
}
.muscatAccess__address a{
color: #3FA038;
}
.muscut__footerImg{
width: 100%;
}
.muscut__footerImg img{
width: 100%;
}
/*SP================================================*/
@media only screen and (max-width: 768px) {
.muscatAccess__flexbox{
display: flex;
flex-direction: column-reverse;
}
.muscat__txt01{
padding: 50px 10px;
line-height: 1.5;
letter-spacing: .2em;
font-weight: 600;
font-size: 16px;
}
.muscat__date{
padding: 50px 10px;
letter-spacing: .1em;
font-weight: 700;
font-size: 16px;
color: #0F2B00;
}
.muscatAccess__map{
height: 300px;
}
.muscatAccess__box{
height: 300px;
padding: 15px 10px 40px;
}
.muscatAccess__address{
margin-top: 20px;
line-height: 1.5em;
}
.muscatAccess__name{
font-size: 25px;
font-weight: 600;
}
.muscatAccess__address a{
color: #3FA038;
}

}


/*tablet================================================*/

@media screen and (min-width:769px) and ( max-width:1279px) {
.muscatAccess__flexbox{
display: flex;
flex-direction: column-reverse;
}
.muscatAccess__map{
height: 300px;
}
.muscatAccess__box{
padding: 20px 0 60px 0;
}

}

/*PC============================================================*/
@media (min-width: 1280px) {
.muscatAccess__flexbox{
display: flex;
height: 400px;
}
.muscatAccess__map{
width: 50%;
}
.muscatAccess__box{
width: 50%;
padding-top: 30px;
}



}
