@charset "UTF-8";

/*----------------------------------------------sec-01-----*/

#sec-01{
  padding: 150px 0 100px;
}

#sec-01 .flex-access{
  justify-content: space-between;
  align-items: center;
}

#sec-01 .access-service {
  align-items: center;
  display: flex;
  margin-bottom: 60px;
  justify-content: center;
}

#sec-01 .access-img{
  width: 46%;
  max-width: 800px;
}

#sec-01 .access-logo{
  margin-bottom: 50px;
}

#sec-01 .access-address{
  margin-bottom: 30px;
}

#sec-01 .access-service .brown-bg {
    margin: 0 5px;
}

#sec-01 .access-service .brown-bg span {
  background: #321809;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 4px 15px 6px;
}

#sec-01 .access-img .img-01 img{

}

#sec-01 .access-img .img-02{
  display: flex;
  justify-content: space-between;
}

#sec-01 .access-img .img-02 p{
  width: 49.5%;
}

#sec-01 .access-detail{
  padding: 0 15% 0 5%;
  width: 54%;
}

#sec-01 .access-transport{
  text-align: center;
  margin-bottom: 20px;
}

#sec-01 .access-transport span{
  border-radius: 30px;
  background: #f6f2f0;
  display: inline-block;
  padding: 2px 20px 4px;
}

#sec-01 .en.text32{
  text-align: center;
  width: 100%;
}

#sec-01 .access-tbl{
  margin-bottom: 40px;
}

#sec-01 .treatment .head24{
  margin-bottom: 20px;
  font-weight: 100;
}

#sec-01 .treatment .flex-treat{
  justify-content: center;
  margin-bottom: -15px;
}

#sec-01 .treatment .flex-treat li{
  margin-bottom: 15px;
  text-align: center;
  width: 33.33%;
}

#sec-01 .treatment .flex-treat li img{
  margin: 0 auto 0;
  max-width: 120px;
  width: 100%;
}

#cm-access {
    border-top: none;
}

@media only screen and (max-width: 1570px) {

#sec-01 .access-detail {
    padding: 0 12% 0 5%;
}

#sec-01 .access-transport span {
    font-size: 1.3rem;
}
}

@media only screen and (max-width: 1400px) {
#sec-01 .access-detail {
    padding: 0 10% 0 3%;
}
}

@media only screen and (max-width: 1160px) {
#sec-01 .flex-access {
    align-items: flex-start;
}
#sec-01 .access-transport span {
    font-size: 1.2rem;
}
}

@media only screen and (max-width: 834px) {
#sec-01 {
    padding: 50px 0 50px;
}

#sec-01 .flex-access {
    display: block;
}

#sec-01 .access-img {
    width: 100%;
    margin: 0 0 25px;
}

#sec-01 .access-detail {
    padding: 0;
    width: 90%;
    margin: 0 5%;
}

#sec-01 .access-logo {
    margin-bottom: 20px;
}

#sec-01 .access-address {
    margin-bottom: 10px;
}

#sec-01 .access-tel {
    margin-bottom: 5px;
}

#sec-01 .access-service {
    margin-bottom: 35px;
}

#sec-01 .access-service .brown-bg span {
    font-size: 1.3rem;
}

#sec-01 .access-tbl {
    margin-bottom: 20px;
}

#sec-01 .treatment .head24 {
    font-size: 2rem;
}

#sec-01 .treatment .flex-treat li img {
    max-width: 70px;
}

#sec-01 .treatment .flex-treat li .text18 {
    font-size: 1.4rem;
}

.gmap iframe{
  height: 300px;
}

}

#sec-01 .mynumber {
  margin-top: 40px;
}