@charset "UTF-8";
/* CSS Document */
.top-first-view-pc{
  display: none;
}

.first-view-mb{
    background-image:url(../img/main-visual-mb.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 420px;
}
.section-message{
  text-align: center;
}
.section-message h2{
  margin-top: 70px;
  margin-bottom: 40px;
  font-size: 1.8rem;
  color: #e1865e;
  font-weight: 600;
}
.section-message-message{
  margin-bottom: 40px;
  font-size: 1.4rem;
}
.section-message-message:last-of-type {
  margin-bottom: 70px;
}
/*ここからsection-access*/

.section-access{
/*  margin:0 24px;*/
  font-size: 1.4rem;
}
.section-access__maincon{
 margin:0 24px;
}
.section-access h2{
  margin:70px 0 35px 0;
  text-align: center;
}
.section-access__info__massage{
  text-align: center;
  margin-bottom: 50px;
}
.section-access__info__address{
  margin-bottom: 50px;
  display: flex;
}
.section-access__info__address a{
  color: #333;
}
.section-access__info__address__1{
  display: inline-block;
  width: 43%;
/*  margin-right: 130px;*/
}
.section-access__info__address__2{
  display: inline-block;
}
.section-access__info__number{
  display: flex;
  margin-bottom: 50px;
}
.section-access__info__number a{
  color: #333;
}
.section-access__info__number__1{
  width: 43%;
/*  margin-right: 130px;*/
}
.section-access__info__time{
/*  display: flex;*/
  margin-bottom: 50px;
}
.section-access__info__time__1{
/*  margin-right: 100px;*/
  width: 51%;
}
.section-access__info__time__2{
  width: 70%;
}
.section-access__info__time__container{
  display: flex;
}
.section-access__info__time__3{
  margin-left: 100px;
}
.section-access__info__open{
  display: flex;
  margin-bottom: 50px;
}
.section-access__info__open__1{
  width: 43%;
}
.section-access__info__parking{
  margin-bottom: 50px;
  display: flex;
}
.section-access__info__parking__1{
  width: 43%;
}
.gmap {
margin:0 0 80px 0;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*ここからサイトマップ*/

.site-map{
  width: 100%;
  list-style: none;
  background-color: #f6f8f9;
  padding: 22px 24px 22px 24px;
  margin-bottom: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 両端から均等配置 */
  box-sizing: border-box;

}
.site-map__item {
  width: 48%;
}
.site-map__item a{
  color: #333;
  text-decoration: none;
  border-bottom: solid 1px #333;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-weight: 700;
}
.site-map__item:last-of-type a{
  margin-bottom: 0;
}
/*サイトマップ苦戦した*/

/*ここからPC用*/
@media(min-width:1160px){
  .container{
    max-width: 1120px;
    margin: 0 auto;
  }
   .header{
    position:absolute;
     z-index: 9999;
  }
  .nav-items{
    margin: 0 0 0 auto;
  }
  .nav-items a{
    color: #fff;
    border-bottom: none;
  }
  .nav-items-con{
    padding: 0;
  }
  
  .top-first-view-pc{
    display: block;
    position:relative;
    top:0;
    height: 933px;
    background-image:url(../img/top-first-view-pc@2x.jpg);
    background-size: cover;
/*    position: relative;*/
  }
  .header-ichiro-logo img{
    position: absolute;
    width: 560px;
    height: 191px;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
  }
  .nav-icon{
    display: none;
  }
  .first-view-mb{
    display: none;
  }
  
  .section-message{
    padding-top:200px;
    display: flex;
    align-items: flex-end;
  }
  .section-container-article{
    display: block;
/*    width: 50%;*/
    flex: 1 0 50%;
    text-align: left;
  }
  .section-container-article h2{
    margin-top: 0;
  }
  .section-message-pic{
    width: 623px;
    height: 390px;
  }
  .section-access{
    display: flex;
    padding-top: 160px;
    align-items: center;
    margin-bottom: 160px;
  }
  .section-access h2{
    margin-top: 0;
    text-align: left;
    font-weight: 700;
  }
  .section-access__info__massage{
    text-align: left;
  }
  .section-access__maincon{
    flex: 1 0 50%;
    margin: 0;
  }
  
  .gmap{
    flex: 1 0 50%;
    height: 380px;
    margin: 0;
    padding: 0;
  }
  .gmap iframe{
    width: 620px;
    height: 384px;
  }
  .section-access__info__address__1,.section-access__info__number__1,.section-access__info__time__1,.section-access__info__open__1,.section-access__info__parking__1{
    font-weight: 700;
  }
  
  .site-map{
    display: none;
  }
}