@charset "utf-8";

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:99920}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:99930}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-close,.fancybox-nav span{width:36px;cursor:pointer;z-index:99940;position:absolute}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:99960}#fancybox-loading div{width:44px;height:44px}.fancybox-close{top:-18px;right:-18px;height:36px}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;z-index:99940}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span,.fancybox-opened .fancybox-title{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:99920;background-color:rgba(0,0,0,.5)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;position:relative;text-shadow:none;z-index:99950}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:99950;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:rgba(0,0,0,.8)}


.modal-plan-type{padding: 50px 50px 0; background: white;}
.modal-plan-type .btn-close{ background: #000;color: #fff;font-size: 20px;padding: 3px 56px!important;text-transform: uppercase;cursor: pointer;}
.modal-plan-type .modal-button {padding: 30px;}
.modal-plan-type .btn-close:hover{opacity: 0.7;}
.modal-plan-type .txt{color: black;margin-top: 20px;}

#plan .plan-title{ position: relative;color: #000;text-align: left;padding: 0 0 6px;border-bottom: 1px solid #000;font-weight: 600;}
#plan .plan-title .fs-15{font-weight: 400; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}
#plan .plan-title::after{ position: absolute;bottom: 3px;left: 0;width: 100%;border-top: 4px solid #000;content: '';display: block;}
#plan .plan-title .fs-25{margin-right: 20px;}

#plan .sect1 .row1 {padding: 30px 0;justify-content: space-between;}
#plan .sect1 .row1 img{width: 48.7%;}


#plan .sect2 .navs{padding: 20px 0  ;justify-content: space-between;}
#plan .sect2 .navs .nav{ font-weight: 500; width: 11%; color: #fff;background: #585554;display: block;cursor: pointer;padding: 9px 2px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em;}
#plan .sect2 .navs .nav:hover,
#plan .sect2 .navs .nav.active{background: #bcbab8;color: #000;}
#plan .sect2 .navs .nav.active{pointer-events: none;}
#plan .sect2 .map{border: 3px solid black;padding: 28px;position: relative;}
#plan .sect2 .map>p{margin-bottom: 30px;}
#plan .sect2 .map .nav-map img{display: block;margin: 0 auto;}
#plan .sect2 .map .icon-bar-navigation {position: absolute;bottom: 20px;right: 18px;}

#plan .sect2 .notes{padding: 18px 0 0 0;}
#plan .sect2 .notes .note{margin-right: 13px;margin-bottom: 10px;}
#plan .sect2 .notes .note:last-child{margin-right: 0;}
#plan .sect2 .notes .note p{margin-left: 6px;}

#plan .sect3{padding: 56px 0 100px 0;}
#plan .sect3 .row {padding: 30px 0 0 0  ;}
#plan .sect3 .row .col{width: calc((100% / 3) - 20px);margin-right: 30px;margin-bottom: 20px;position: relative;}
#plan .sect3 .row .col:nth-child(3n){margin-right: 0;}
#plan .sect3 .card{background: #585554;color: white;display: flex;position: relative;width: 100%;padding: 20px 30px 16px 16px;min-height: 123px;flex-direction: column;justify-content: space-between;height: 100%;}
#plan .sect3 .card .fs-10{margin-top: 8px; letter-spacing: 0.05em;}
#plan .sect3 .card .fs-35{line-height: 0.7;letter-spacing: -0.05em;}
#plan .sect3 .card .fs-20{line-height: 1.2;margin-left: 4px;}
#plan .sect3 .card::before{content: '';display: block;width: 20px;right: 5px;top: 5px;bottom: 5px;background: white;z-index: 1;position: absolute;}
#plan .sect3 .card::after{content: '';display: block;width: 8px;height: 8px;border-top:2px solid #585554 ;border-right:2px solid #585554 ;position: absolute;right: 12px;top: calc(50% - 4px);z-index: 2;transform: rotate(45deg);}
#plan .sect3 .card:hover{opacity: 0.7;}


/*#plan .sect2 .map .nav-map {display: none;}
#plan .sect2 .map .map05 {display: block !important;}*/

/* MEDIA */
@media screen and (max-width: 768px) {
  #plan .sect1 .row1 img{width: 100%;}
  #plan .sect2 .navs{justify-content: flex-start;}
  #plan .sect2 .navs .nav{ width: calc((100% / 3) - (28px / 3));padding: 9px 2px;margin-bottom: 14px;margin-right: 8px; font-size: 1.4rem;}
  #plan .sect2 .navs .nav:hover{color: #242627;background: white;}
  #plan .sect2 .navs{ padding: 14px 0;}
  #plan .sect3{ padding: 24px 0 30px 0;}
  #plan .sect3 .row{ padding: 14px 0 0 0;}
  #plan .sect3 .row .col{ width: calc(50% - 14px);margin-right: 14px;margin-bottom: 14px;}
  #plan .sect3 .row .col:nth-child(3n){ margin-right: 14px;}
  #plan .sect3 .row .col:nth-child(2n){ margin-right: 0;}
  #plan .sect2 .map .icon-bar-navigation,#plan .sect2 .map .icon-bar-navigation img{ display: block;width: 40px;}
  #plan .sect2 .map .icon-bar-navigation{ bottom: 10px;right: 10px;}
  .fancybox__content{ padding: 20px;}
  .modal-plan-type .btn-close{ font-size: 15px;}
  .modal-plan-type .modal-button{ padding: 20px 0 0;}
  .modal-plan-type{ padding: 20px;background: #fff;}

}

@media screen and (max-width: 570px) {
    #plan .sect3 .row .col{width: 100%;margin-right: 0;}
    #plan .sect3 .row .col:nth-child(3n){margin-right: 0;}
}

@media screen and (max-width: 480px) {
  #plan .sect1 .row1 .col{ width: 100%;margin-bottom: 30px;}
  #plan .sect1 .row1 .col .img-sp{ display: block;}
  #plan .sect1 .row1 .col .img-pc{ display: none;}
  #plan .sect1 .row1 .col{ width: 100%;margin-bottom: 0;}
}