@charset "utf-8";
html{
  font-size: 62.5%;
  scroll-behavior: smooth;
}
img{
  width: 100%;
}
@font-face {
  font-family: 'myfont';
  src: url('../../contents/font/l_10646.ttf') format('truetype');
}
* {
  font-family: 'myfont', sans-serif;
}
a:hover{
  opacity: 0.8;
}
.sp{
  display: block;
}
.pc {
  display: none;
}

/* PC表示 */
@media screen and (min-width: 768px),print{
  .sp{
      display: none;
  }
  .pc {
      display: block;
  }
}
header{
  position: sticky;
}
.header__inner{
  background-color: #a6b8a2;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
}
.header__logo{
  width: 70px;
  height: auto;
}



/* ***************************** */
/* メイン部分 */
/* ***************************** */
.item{
  max-width: 985px;
  width: 100%;
  margin: 20px auto;
  padding: 0 12px;
}
.item__inner{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.item-guide__container{
  position: relative;
}
.swiper-button-next:after, .swiper-button-prev:after{
  color: #dcdcdc;
}
.swiper-pagination-bullet-active{
  background: #dcdcdc;
}


.item__detail p{
  font-size: 1.3rem;
  line-height: 1.4em;
  margin-bottom: 10px;
}
.overview__icon{
  font-size: 1.4rem!important;
  font-weight: bold;
  color: #333;
  background-color: rgba(0, 0, 0, .2);
  padding: 10px 15px;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.item__detail__name{
  font-size: 1.5rem!important;
  font-weight: bold;
  color: #333;
  border-bottom: solid 3px #dcdcdc;
  padding-bottom: 5px;
  margin-bottom: 13px;
}

/* PC表示 */
@media screen and (min-width: 768px),print{
  .item{
    margin: 50px auto;
  }
  .item__inner{
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
  }
  .item-guide__container{
    width: 50%;
  }
  .item__detail{
    margin: 0;
    width: 50%;
  }

}