@charset "UTF-8";

/*****************************
  cmn
*****************************/

/*****************************
  pagesec-access
*****************************/
.pagesec-access .fimgbox img{
  box-shadow: 20px 20px 20px rgba(0,0,0,.16);
}
.pagesec-access .ftxtbox dt{
  font-weight: 500;
  position: relative;
  padding-left: 2rem;
}
.pagesec-access .ftxtbox dt::before{
  content: "";
  aspect-ratio: 1/1;
  background: #062456;
  border-radius: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  width: 1.4rem;
}
.pagesec-access .ftxtbox dd .add{
  margin: 1rem 0 2rem;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-access .fimgbox,
  .pagesec-access .ftxtbox{
    width: 100%;
  }
  .pagesec-access .ftxtbox{
    margin-bottom: 2rem;
  }
}

/*****************************
  pagesec-map
*****************************/
.pagesec-map iframe{
  aspect-ratio: 5/2;
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .pagesec-map iframe{
    aspect-ratio: 16/9;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-map iframe{
    aspect-ratio: 4/3;
  }
}

/*****************************
  pagesec-mov
*****************************/
.pagesec-mov iframe{
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}