@charset "utf-8";
main{
  padding-bottom: 0;
}
/* ===============================================
# box_campusmap
=============================================== */
.box_campusmap{
  padding-bottom: 55px;
}
.box_campusmap h4{
  padding-top: 40px;
  margin-bottom: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  text-align:center;
  line-height: 1;
  font-weight: 700;
  color: #093c84;
  background: url(/common/img/ico_map.svg) no-repeat top center;
  background-size: 50px 39px;
}
.box_campusmap .txt{
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width :768px){
  .box_campusmap{
    padding-bottom: 35px;
  }
  .box_campusmap h4{
    padding-top: 30px;
    margin-bottom: 10px;
    font-size: 21px;
    font-size: 2.1rem;
    background-size: 30.5px 24px;
  }
  .box_campusmap .txt{
    padding-left: 50px;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 0.5em;
    background: url(/common/img/ico_swipe.svg)no-repeat left center;
    background-size: 33.5px 52px;
    min-height: 52px;
    margin-bottom: 25px;
  }  
}
/* ===============================================
# box_campusphoto
=============================================== */
.box_campusphoto{
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #eaf1fb;
}
.box_campusphoto h4{
  padding-top: 40px;
  margin-bottom: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  text-align:center;
  line-height: 1;
  font-weight: 700;
  color: #093c84;
  background: url(/common/img/ico_photo.svg) no-repeat top center;
  background-size: 37px 30px;
}
.box_campusphoto .txt{
  text-align: center;
  margin-bottom: 25px;
}
.box_campusphoto .list_photo{
  max-width: 1400px;
  padding-right: 50px;
  padding-left: 50px;
  margin: 0 auto;
}
.box_campusphoto .list_photo li{
  position: relative;
  float: left;
  width: 25%;
  padding: 1px;
}
.box_campusphoto .list_photo li a{
  display: block;
  width: 100%;
  padding-top: 98%;
  position: relative;
  overflow: hidden;
}
.box_campusphoto .list_photo li a img{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;  
  transform-origin: center center;
}
.box_campusphoto .list_photo li .js-swiper::before{
  content: '';
  width: 25px;
  height: 24px;
  background: url(/common/img/ico_multiple.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
@media screen and (min-width :769px){
  .box_campusphoto .list_photo li a:hover img{
    transform: scale(1.1) translate(-45%,-45%);
  }
}
@media screen and (max-width :768px){
  .box_campusphoto{
    padding-top: 25px;
    padding-bottom: 60px;
  }
  .box_campusphoto h4{
    padding-top: 25px;
    margin-bottom: 10px;
    font-size: 21px;
    font-size: 2.1rem;
    background-size: 22.5px 18.5px;
  }
  .box_campusphoto .txt{
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .box_campusphoto .list_photo{
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .box_campusphoto .list_photo li{
    width: 33.33%;
    padding: 1px;
  }
  .box_campusphoto .list_photo li .js-swiper::before{
    width: 12.5px;
    height: 12px;
    right: 8px;
    top: 8px;    
  }
  
}

/* ===============================================
# 地図
=============================================== */
.area_map{
  position: relative;
  overflow: hidden;
  max-width: 1400px;
  padding-right: 50px;
  padding-left: 50px;
  margin: 0 auto;
}
.area_map #movemap{
  position: relative;
  z-index: 10;
  width: 100%;
  padding-top: 53.49%;
}
.area_map .pin{
  display: block;
  position: absolute;
  width: 7.1%;
  height: auto;
  z-index: 20;
}
.area_map .pin.pinLL{
  width: 13.3%;
}
.area_map .pin.pinL{
  width: 11.9%;
}
.area_map .pin.pinM{
  width: 9.2%;
}
.area_map .pin img{
  vertical-align: top;
}
.map_bottomText{
  max-width: 1400px;
  padding-right: 50px;
  padding-left: 50px;
  margin: 0 auto;
}
@media screen and (max-width :768px){
  .area_map{
    width: 100%;
    height: 400px;
    padding: 0;
    max-height:70vh;
  }
  .area_map #movemap{
    width: 915px;
    height: 489.5px; 
    padding-top: 0;
  }
  .area_map .pin{
    width:65px;
  }
  .area_map .pin.pinM{
    width: 85px;
  }
  .area_map .pin.pinL{
    width: 119px;
  }
.area_map .pin.pinLL{
  width: 123px;
}
  .map_bottomText{
  padding-right: 10px;
  padding-left: 10px;
}
}

/*ピンの場所*/
/*越谷*/
.area_map.koshigaya #movemap{
  padding-top: 53.49%;
  background: url(/campuslife/campus/koshigaya/img/img_map.png) no-repeat center center;
  background-size: 100% auto;  
}
.area_map.koshigaya .pin01{left:10.96%;top:13.25%;}  
.area_map.koshigaya .pin02{left:14.46%;top:25.99%;}  
.area_map.koshigaya .pin03{left:23.53%;top:14.88%;}  
.area_map.koshigaya .pin04{left:23.72%;top:42.45%;}  
.area_map.koshigaya .pin05{left:36.62%;top:17.99%;}  
.area_map.koshigaya .pin06{left:34.52%;top:36.82%;}  
.area_map.koshigaya .pin07{left:39.37%;top:30.81%;}  
.area_map.koshigaya .pin08{left:51.90%;top:19.36%;}  
.area_map.koshigaya .pin09{left:54.48%;top:40.89%;}  
.area_map.koshigaya .pin10{left:54.57%;top:66.74%;}  
.area_map.koshigaya .pin11{left:9.69%;top:62.65%;} 
.area_map.koshigaya .pin12{left:82.96%;top:39.55%;}  
.area_map.koshigaya .pin13{left:81.35%;top:49.00%;}  
.area_map.koshigaya .pin14{left:50.98%;top:27.49%;}  
.area_map.koshigaya .pin15{left:78.22%;top:69.95%;}  
.area_map.koshigaya .pin16{left:27.11%;top:30.94%;}  
.area_map.koshigaya .pin17{left:81.7%;top:60.12%;}  
.area_map.koshigaya .pin18{left:19.88%;top:8.00%;}  
.area_map.koshigaya .pin19{left:23.15%;top:1.06%;}  
.area_map.koshigaya .pin20{left:67.86%;top:36.55%;}  
.area_map.koshigaya .pin21{left:69.0%;top:52.30%;}  
.area_map.koshigaya .pin22{left:46.12%;top:38.95%;}    
.area_map.koshigaya .pin23{left:64.78%;top:30.64%;}  
.area_map.koshigaya .pin24{left:91.75%;top:39.99%;}      
.area_map.koshigaya .pin25{left:25.88%;top:72.00%;}  
.area_map.koshigaya .pin26{left:30.88%;top:9.10%;}  
.area_map.koshigaya .pin27{left:61.98%;top:43.88%;}
@media screen and (max-width :768px){
  .area_map.koshigaya #movemap{
    width: 915px;
    height: 489.5px; 
  }
  .area_map.koshigaya .pin01{left:100px;top:64px;}  
  .area_map.koshigaya .pin02{left:131px;top:125px;}  
  .area_map.koshigaya .pin03{left:212px;top:74px;}    
  .area_map.koshigaya .pin04{left:230px;top:211px;}
  .area_map.koshigaya .pin05{left:334px;top:89px;}
  .area_map.koshigaya .pin06{left:316px;top:180px;}
  .area_map.koshigaya .pin07{left:359px;top:153px;}
  .area_map.koshigaya .pin08{left:474px;top:94px;}
  .area_map.koshigaya .pin09{left:498px;top:199px;}
  .area_map.koshigaya .pin10{left:499px;top:327px;}
  .area_map.koshigaya .pin11{left:88px;top:305px;} 
  .area_map.koshigaya .pin12{left:760px;top:192px;}  
  .area_map.koshigaya .pin13{left:744px;top:240px;}
  .area_map.koshigaya .pin14{left:468px;top:135px;}  
  .area_map.koshigaya .pin15{left:715px;top:343px;}  
  .area_map.koshigaya .pin16{left:250px;top:150px;}  
  .area_map.koshigaya .pin17{left:748px;top:297px;}  
  .area_map.koshigaya .pin18{left:183px;top:37px;}  
  .area_map.koshigaya .pin19{left:211px;top:5px;}  
  .area_map.koshigaya .pin20{left:586px;top:196px;}  
  .area_map.koshigaya .pin21{left:633px;top:256px;}  
  .area_map.koshigaya .pin22{left:424px;top:191px;}  
  .area_map.koshigaya .pin23{left:561px;top:158px;} 
  .area_map.koshigaya .pin24{left:839px;top:195px;}  
  .area_map.koshigaya .pin25{left:229px;top:353px;}  
  .area_map.koshigaya .pin26{left:290px;top:52px;}
}
/*湘南*/
.area_map.shonan #movemap{
  padding-top: 57.31%;
  background: url(/campuslife/campus/shonan/img/img_map.png) no-repeat center center;
  background-size: 100% auto;  
}
.area_map.shonan .pin01{left:23.39%;top:8.21%;} 
.area_map.shonan .pin02{left:35.94%;top:16.47%;}
.area_map.shonan .pin03{left:47.10%;top:23.28%;} 
.area_map.shonan .pin04{left:38.10%;top:28.90%;} 
.area_map.shonan .pin05{left:30.97%;top:39.62%;} 
.area_map.shonan .pin06{left:40.44%;top:37.98%;} 
.area_map.shonan .pin07{left:53.55%;top:43.13%;} 
.area_map.shonan .pin08{left:39.13%;top:46.87%;}  
.area_map.shonan .pin09{left:29.34%;top:25.31%;} 
.area_map.shonan .pin10{left:30.99%;top:11.51%;}  
.area_map.shonan .pin11{left:24.57%;top:43.88%;} 
.area_map.shonan .pin12{left:13.94%;top:24.97%;}   
.area_map.shonan .pin13{left:2.27%;top:44.78%;}  
.area_map.shonan .pin14{left:75.15%;top:58.43%;}  
.area_map.shonan .pin15{left:55.78%;top:15.92%;}  
.area_map.shonan .pin16{left:50.55%;top:53.93%;} 
.area_map.shonan .pin17{left:38.10%;top:89.20%;}  
.area_map.shonan .pin18{left:33.24%;top:2.17%;}  
.area_map.shonan .pin19{left:26.78%;top:72.10%;}   
.area_map.shonan .pin20{left:29.43%;top:32.08%;} 

@media screen and (max-width :768px){
  .area_map.shonan #movemap{
    width: 915px;
    height: 524px; 
  }  
  .area_map.shonan .pin01{left:214px;top:43px;}  
  .area_map.shonan .pin02{left:328px;top:88px;}
  .area_map.shonan .pin03{left:431px;top:122px;}    
  .area_map.shonan .pin04{left:351px;top:150px;}
  .area_map.shonan .pin05{left:287px;top:204px;}
  .area_map.shonan .pin06{left:370px;top:199px;}
  .area_map.shonan .pin07{left:490px;top:226px;}
  .area_map.shonan .pin08{left:358px;top:243px;} 
  .area_map.shonan .pin09{left:269px;top:132px;} 
  .area_map.shonan .pin10{left:283px;top:61px;}  
  .area_map.shonan .pin11{left:225px;top:228px;} 
  .area_map.shonan .pin12{left:129px;top:128px;}  
  .area_map.shonan .pin13{left:20px;top:235px;}  
  .area_map.shonan .pin14{left:689px;top:305px;} 
  .area_map.shonan .pin15{left:510px;top:84px;} 
  .area_map.shonan .pin16{left:462px;top:283px;} 
  .area_map.shonan .pin17{left:348px;top:468px;}  
  .area_map.shonan .pin18{left:304px;top:11px;}  
  .area_map.shonan .pin19{left:248px;top:380px;}  
  .area_map.shonan .pin20{left:269px;top:166px;}
}
/*東京あだち*/
.area_map.adachi #movemap{
  padding-top: 51%;
  background: url("/campuslife/campus/adachi/img/img_map.png") no-repeat center center;
  background-size: 100% auto;  
}
.area_map.adachi .pin01{left:75.00%;top:19.25%;}  
.area_map.adachi .pin02{left:24.11%;top:21.94%;}  
.area_map.adachi .pin03{left:36.53%;top:14.88%;}  
.area_map.adachi .pin04{left:65.72%;top:17.45%;}  
.area_map.adachi .pin05{left:25.62%;top:5.99%;}  
.area_map.adachi .pin06{left:19.52%;top:13.82%;}  
.area_map.adachi .pin07{left:10.46%;top:20.99%;}  
.area_map.adachi .pin08{left:39.81%;top:21.81%;}  
.area_map.adachi .pin09{left:34.48%;top:3.89%;}  
.area_map.adachi .pin10{left:49.98%;top:19.49%;}  
.area_map.adachi .pin11{left:80.05%;top:33.65%;} 
.area_map.adachi .pin12{left:68.96%;top:63.55%;}  
.area_map.adachi .pin13{left:81.00%;top:26.00%;}  
.area_map.adachi .pin14{left:54.09%;top:8.36%;}  
.area_map.adachi .pin15{left:38.22%;top:53.95%;}  
.area_map.adachi .pin16{left:74.11%;top:44.94%;}  
.area_map.adachi .pin17{left:43.05%;top:30.96%;}  
@media screen and (max-width :768px){
  .area_map.adachi #movemap{
    width: 850px;
    height: 489.5px; 
  }
  .area_map.adachi .pin01{left:629px;top:109px;}  
  .area_map.adachi .pin02{left:199px;top:126px;}  
  .area_map.adachi .pin03{left:294px;top:77px;}    
  .area_map.adachi .pin04{left:550px;top:111px;}
  .area_map.adachi .pin05{left:211px;top:58px;}
  .area_map.adachi .pin06{left:140px;top:84px;}
  .area_map.adachi .pin07{left:71px;top:119px;}
  .area_map.adachi .pin08{left:328px;top:118px;}
  .area_map.adachi .pin09{left:282px;top:34px;}
  .area_map.adachi .pin10{left:430px;top:110px;}
  .area_map.adachi .pin11{left:683px;top:173px;} 
  .area_map.adachi .pin12{left:567px;top:298px;}  
  .area_map.adachi .pin13{left:683px;top:138px;}
  .area_map.adachi .pin14{left:454px;top:60px;}  
  .area_map.adachi .pin15{left:330px;top:264px;}  
  .area_map.adachi .pin16{left:632px;top:231px;}  
  .area_map.adachi .pin17{left:365px;top:151px;}  
}

.cmn_popup_box ul.ico{
  margin-top: 20px;
}
.cmn_popup_box ul.ico li{
  width: 11.5%;
}
.cmn_popup_box ul.ico li:nth-child(n+2){
  margin-left: 1px;
}
@media print,screen and (min-width :769px){
  .cmn_popup_box .tingle-modal-box{
    max-width: 650px;
  }
}
@media screen and (max-width :768px){
  .cmn_popup_box ul.ico li{
    width: 13.7%;
  }  
  .cmn_popup_box ul.ico li:nth-child(n+2){
    margin-left: 1%;
  }  
}