@charset "utf-8";
/* CSS Document */
/*========================
KEY VISUAL
========================*/
.key_visual {
  position: relative;
  margin-bottom: 50px;
}
.key_visual_inner {
position: absolute;
  left: 50%;
  top:calc(50% + 30px);
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;width: 100%;}
.key_visual h2{
font-family: 'Noto Serif JP', serif;
font-weight: 900;
color:#A6FF00;
font-size: 3rem;}
.key_visual .logo_02 img {
  margin:0 auto 10px;
}
.key_visual .logo_02 p {
  font-size: 1.4rem;
  font-weight: 700
}
.key_visual_inner p{padding-bottom: 0!important}
.kv_img{max-width: 1920px; width: 100%;margin: 0 auto;}
@media all and (min-width: 768px) {
.key_visual_inner { top:calc(50% + 50px);}
}
@media all and (min-width: 1024px) {
.key_visual_inner { top:calc(50% + 50px);}
}
/*========================
ACCESS
========================*/

.access_wrap{position: relative; display: flex; flex-direction: column;justify-content: flex-start;max-width:768px;padding: 0 15px; margin: 0 auto 35px;}
.access_photo{position: relative; overflow: hidden;}
.access_photo img{width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: .3s ease-in-out;
}
.access_wrap:hover .plan_photo img{transform:scale(1.2);
	filter: grayscale(90%);z-index: 1}

.access_detail{text-align: left;display: flex; flex-direction: column}
.access_detail h3{ line-height: 1.6;font-size: 2.6rem; margin-bottom: 0}
.access_detail p.access_ttl{font-size:2rem;margin: 0; padding: 0}
.access_detail p.normal{padding-bottom:.5em;flex-grow: 1;font-size: 1.4rem}
.access_detail ul{margin-bottom: 0.5em}
.access_detail ul:last-child{margin-bottom: 0}
.access_detail li{font-size: 1.4rem; }
.access_detail li.small{font-size: 1.2rem; }

@media all and (min-width: 768px) {
.access_wrap{display: flex; flex-direction: row; justify-content: space-between;max-width: 1280px;padding: 0 10px; margin: 0 auto 50px;}
.access_photo{ margin-right: 10px;width: calc(50% - 10px);}
.access_detail{margin-left: 10px;width: calc(50% - 10px);}
.access_detail h3{font-size: 2.8rem;}
.access_detail p.access_ttl{font-size: 2.2rem;}
.access_detail li{font-size: 1.6rem; }
.access_detail li.small{font-size: 1.4rem; }
}
@media all and (min-width: 1025px) {
.access_wrap{display: flex; flex-direction: row; justify-content: space-between;max-width: 1280px;padding: 0 25px; margin: 0 auto 50px;}
.access_photo{ margin-right: 25px;width: calc(50% - 25px);}
.access_detail{margin-left: 25px;width: calc(50% - 25px);}
.access_detail h3{font-size: 3.4rem;}
.access_detail p.access_ttl{font-size: 2.6rem;font-weight: 500;}
.access_detail p.normal{font-size: 1.6rem}
.access_detail li{font-size: 1.6rem; }
.access_detail li.small{font-size: 1.4rem; }
}
.access_map{max-width:768px;padding: 0 15px; margin: 0 auto 35px;}
@media all and (min-width: 768px) {
.access_map{max-width: 1280px;padding: 0 10px; margin: 0 auto 50px;}
}
@media all and (min-width: 1025px) {
.access_map{max-width: 1280px;padding: 0 25px; margin: 0 auto 50px;}
}
.access_map iframe {
  width: 100%;
  aspect-ratio: 16/9; 
}