@charset "utf-8";

.heading{
  background-color: #069AA5;
}
.heading:before{
  background-image: url("../images/bg_ttl.png");
}
.heading h1:before{
  background-image: url("../images/bg_ttl1.png");
}
.heading h1:after{
  background-image: url("../images/bg_ttl2.png");
}

.ttl{
  background-color: #069AA5;
  color: #FFF;
}
.ttl .section-head:after{
  background-color: #D6D600;
}
@media print, screen and (min-width:781px) {
  .heading h1:before,
  .heading h1:after{
    height: 138px;
    width: 120px;
  }
}
@media screen and (max-width: 780px) {
  .heading h1:before,
  .heading h1:after{
    height: 69px;
    width: 60px;
  }
}



/* ------- ACCESS ---------------------------------------------- */
.access-sub-sec h3{
  background-color: #D9F0F2;
  color: #069AA5;
  font-weight: 700;
  line-height: 1.6;
  padding: 10px 20px;
}
.odekake{
  background-color: #D3EDEF;
  border-radius: 15px;
  text-align: center;
}
.odekake h4{
  font-weight: 700;
  line-height: 1;
}
@media print, screen and (min-width:781px) {
  #access-sec{
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
    width: 90%;
  }
  .access-sub-sec{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 80%;
  }
  .access-sub-sec h3{
    font-size: 2.3rem;
  }
  .access-sub-sec .note-list{
    margin-top: 20px;
  }
  .image-access{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  
  .odekake{
    margin: 60px auto 0;
    padding: 50px 70px;
    width: 90%;
  }
  .odekake h4{
    font-size: 3.5rem;
  }
  .odekake .note-list{
    font-size: 1.8rem;
  }
  .odekake .image{
    margin-top: 45px;
  }
  .odekake .image a{
    transition: .3s;
  }
  @media (hover: hover) and (pointer: fine){
    .odekake .image a:hover{
      opacity: .7;
    }
  }
}
@media screen and (max-width: 780px) {
  #access-sec{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .access-sub-sec{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 90%;
  }
  .access-sub-sec h3{
    font-size: 1.8rem;
  }
  .access-sub-sec .note-list{
    margin-top: 20px;
  }
  .image-access{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .odekake{
    margin: 30px auto 0;
    padding: 20px 20px;
  }
  .odekake h4{
    font-size: 1.8rem;
  }
  .odekake .note-list{
    font-size: 1.4rem;
  }
  .odekake .image{
    margin-top: 20px;
  }
}



/* ------- KOUTUKISEI ---------------------------------------------- */
@media print, screen and (min-width:781px) {
  #koutukisei{
    margin-left: auto;
    margin-right: auto;
    margin-top: 230px;
    max-width: 1366px;
    width: 90%;
  }
  #koutukisei .inner{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  #koutukisei .inner > p{
    margin-top: 30px;
  }
  #koutukisei .inner > .image{
    margin-top: 20px;
  }
}
@media screen and (max-width: 780px) {
  #koutukisei{
    margin-left: auto;
    margin-right: auto;
    padding-top: 115px;
    width: 90%;
  }
  #koutukisei .inner{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  #koutukisei .inner > p{
    margin-top: 30px;
  }
  #koutukisei .inner > .image{
    margin-top: 20px;
  }
}