

.pr-wrap {margin-top:50px;}
@media (min-width:576px) {
.pr-wrap {margin-top:62px;}
}
@media (min-width: 992px) {
  .pr-wrap {margin-top:0;}
  /* #mainNav {background-color: transparent !important;} */
  #mainNav {background-color: rgba(255,255,255,.6) !important;}
  #mainNav.navbar-shrink {background-color: #ffffff !important;}
}


.pr-wrap .carousel-item img{animation: zoom 10000ms ease-in-out infinite alternate;}
@keyframes zoom{
  100%{
    transform:scale(1.08);
  }
}

/*==============================================================
 pr Style start
 ==============================================================*/
.pr-wrap {
  height: auto;
  position: relative;
  overflow: hidden;
}
.pr-wrap .container {
  position: relative;
}
.pr-wrap:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 35%, transparent 36%), radial-gradient(rgba(255, 255, 255, 0.2)35%, transparent 36%);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
    z-index: 1;
}
.shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.shape svg {
  width: 100%;
}
.pr-slider {
  height: 100%;
}
@media (max-width:768px) {
.pr-slider > div{height:auto !important;}
}

.pr-slider > .pr-slide {
  display: none;
}
.pr-slider > .pr-slide:first-child {
  display: block;
}
.slick-initialized .pr-slide {
  position: relative;
  height:auto;
  padding-bottom: 300px;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
@media (min-width:768px) {
  .slick-initialized .pr-slide {height: 900px;}
}
.pr-slider .slick-arrow {
  position: absolute;
  right: 25px;
  bottom: 50px;
  font-size: 0;
  background: #fff;
  border: 0;
  width: 50px;
  height: 50px;
  z-index: 1;
  cursor: pointer;
  border-radius: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}
.pr-slider .slick-arrow::before {
  font-family: "boxicons";
  font-size: 30px;
  text-align: center;
  line-height: 50px;
  color: rgba(0, 33, 71, 1);
}
.pr-slider .slick-arrow.slick-prev {
  right: 95px;
}
.pr-slider .slick-arrow.slick-prev::before {
  content: "\ea9b";
}
.pr-slider .slick-arrow.slick-next {
  right: 25px;
}
.pr-slider .slick-arrow.slick-next::before {
  content: "\eb1c";
}

.hero-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;  
  
}

.hero-overlay {
  background: #081c2d;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.hero-content {
  position: relative;
  margin-top: 6rem;
  color: #fff;
  max-width: 900px;
  z-index: 15;
}
.hero-content h2 {
  font-size: 63px;
  line-height: 1.444;
  margin-bottom: 18px;
  color: #e6e8f6;
  font-weight: 700;
  max-width: 760px;
  font-family: 'Noto Sans JP', sans-serif;
}
.hero-content h3 {
  font-size: 16px;
  color: rgba(255, 255, 255, .6);
  text-transform: uppercase;
  letter-spacing: 3px;
  position: relative;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 6px;
}
.hero-content p {
  font-size: 20px;
  line-height: 32px;
  max-width: 600px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.01em;
}
.hero-content .cta-btn {
  padding-top: 30px;
}
.hero-content .cta-btn .cta-link {
  background: #97cdf4;
  color: rgba(0, 33, 71, 1);
  font-weight: 600;
  outline: none;
  text-decoration: none;
  border-radius: 50px;
}
.hero-content .cta-btn .cta-link:hover {
  background: #fff;
  color: #011d47;
  outline: none;
  text-decoration: none;
}


.pr-wrap .pickup-news{ text-align:center; z-index:1;}
.pr-wrap .pickup-news > div > div{background-color:#ffffff; padding:0; display:flex;  }
.pr-wrap .pickup-news > div > div span{background-color:#a4dd8c; display:flex; align-items:center; justify-content:center; width:100px; padding:0; color:#ffffff;text-align:center;margin-right:10px;}
.pr-wrap .pickup-news > div > div p{flex:1; margin:0; text-align:left; padding:.6rem .5rem;}
@media (max-width:768px) {
  .pr-wrap .pickup-news > div{max-width:100%; padding:0;}

}
@media (min-width:768px) {
.pr-wrap .pickup-news{position:absolute; bottom:0; left:0; right:0;}
.pr-wrap .pickup-news > div > div{display:flex;align-items:center; padding:.6rem .5rem;}
.pr-wrap .pickup-news > div > div span{display:inline-block;}
.pr-wrap .pickup-news > div > div p{padding:0;}
}
@media (min-width: 1200px) {
  .pr-wrap .pickup-news > div > div{min-width:1000px;}

}

.pr-banner{position: absolute;right: 10px; bottom: 0; transform: translate(0, 0); z-index: 1;}
.pr-banner a{display: block; margin: .75rem 0;}
.pr-banner a img{width: 180px;}
@media (min-width: 768px) {
    .pr-banner{transform: translate(0, -33%);}
    .pr-banner a img{width: 100%;}
}

/* pr Video */
.pr-video{
  width: 100%;
  position: relative;
  min-height: 400px;
}
.pr-video-inner{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.pr-video-inner video{
  position: absolute;
  top: 50%;
  left: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .pr-video{
    height: 920px;
  }
}


/*==============================================================
 pr Style end
 ==============================================================
section{
  padding-top: 5rem;
  padding-bottom: 5rem;
}*/
.wrap{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
h2 {
  font-size: 2rem;
  margin-top:0;
}
h3 {
 
  padding-top: 1.6rem;
}
h6 {
  padding-top: 1rem;
  line-height: 1.6;
}

.radius-big {
  border-radius: 35px;
}
.radius-medium {
  border-radius: 25px;
}
.radius-small {
  border-radius: 15px;
}

div.headline{margin:0 0 3rem;}
div.headline h2{color:#a4dd8c; font-size:3rem; margin:0; font-family: 'Jost', sans-serif !important;}
div.headline small{display:block; color:#333333; font-weight:500; font-size:1.25rem;}
@media (min-width:992px) {
  div.headline{margin:0 0 3rem 2rem;}
}
@media (min-width:576px) {
  div.headline h2{font-size:6rem; transform: skew(-7deg,0deg);}
}



/* PC�̂Ƃ��܂��ݕ��Ȃ� */
@media (min-width:992px) {
.pc-open + div{display:block !important; position:static !important; height:auto !important; overflow:visible !important ;}
.pc-open:before,
.pc-open:after{display:none !important;}
.pc-open{cursor:default;}
}
/*==============================================================
news start
 ==============================================================*/
section .slick-slider{padding-bottom:60px;}
section .slick-slide{overflow:hidden;}
section .slick-slide > div{overflow:hidden;margin:0 10px;}
section .slick-slider .slick-arrow{position: absolute; background-color:#A4DD8C; bottom:0; width:50px; height:50px; display:flex; align-items:center; justify-content:center; cursor:pointer; -webkit-transition: all .3s; transition: all .3s;}
section .slick-slider .slick-arrow:hover{background-color:#96C483;}
section .slick-slider .slick-arrow.prev{right:55px;}
section .slick-slider .slick-arrow.next{right:0;}
section .slick-slider .slick-arrow span{display:block; position:relative; width:45px; height:45px;}
section .slick-slider .slick-arrow span:before{position:absolute; content:''; display:block; width:15px; height:15px; bottom:12.5px; right:0; left:0; margin:0 auto; z-index:1; border-bottom:1px solid #ffffff;}
section .slick-slider .slick-arrow.prev span:before{border-left:1px solid #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
section .slick-slider .slick-arrow.next span:before{border-right:1px solid #ffffff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
section .slick-slider .slick-arrow svg{display:none;}
/*
.slick-slider .slick-arrow svg{width:45px; height:45px; display:block; }
.slick-slider .slick-arrow svg *{fill:#ffffff;}
*/

.bible.wrap{padding-top:2rem; padding-bottom: 2rem;}
.bible h2{font-size:1.4rem; color:#a4dd8c; margin-bottom: 1rem; text-align:center;}
@media (min-width:768px) {
  .bible > div > div{display:flex; justify-content:center;}
  .bible h2{font-size:.9rem; font-weight:.5rem; border-radius:50%; padding:.8rem; color:#ffffff; background-color:#a4dd8c; width:100px; height:100px; display:flex; align-items:center; justify-content:center; margin:0 20px 0 0;}
  .bible > div > div > p{align-self:center; margin:0;flex:1;}
}

.pickup-page *:focus { outline: none;}
.pickup-page a{display:block;background-color:#a4dd8c; border:1px solid #a4dd8c; color:#ffffff; padding:1rem .8rem;overflow:hidden; position:relative; margin-bottom:10px;}
  .pickup-page a:before,
  .pickup-page a:after{content:''; display:block; position:absolute; top:0; bottom:0; margin:auto;}
  .pickup-page a:before{border-bottom:1px solid #ffffff; border-right:1px solid #ffffff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index:1; width:15px; height:15px; right:10px;}
  .pickup-page a:after{background-color:#96C483; width:30px; right:0;}
  .pickup-page a:hover{background-color:#ffffff; color:#a4dd8c;}
.pickup-page a img{display:none ;}
.pickup-page .slick-slide > div > a{display:none;}
.pickup-page a p{flex:1; margin-bottom:0;margin-right: 20px;}
@media (min-width:768px) {
  .pickup-page .slick-slide > div > a{display:flex !important; padding-right:30px; margin-bottom:0;}
  .pickup-page a img{align-self:flex-start; display:block; width:120px;}
  .pickup-page a p{flex:1; margin-left:10px; font-size:1.05rem; align-self:center;}
}


.topics .headline{margin-bottom:0;}
.topics *{min-height:0%;}
.topics a.filter{display:inline-block; box-shadow:none !important; font-size:.9rem; font-weight:500; padding-left:30px; position:relative; font-family: 'Oswald', sans-serif;}
.topics a.filter:before{-webkit-transition: all .3s; transition: all .3s; content:'+'; display:flex; align-items:center; justify-content:center; line-height:0; position:absolute; border-radius:50%; left:0; top:0; bottom:0; margin:auto 5px auto 0; background-color:#a4dd8c; color:#ffffff; width:25px; height:25px; font-size:1.5rem; padding-bottom:2px;}
.topics a.filter:hover:before{background-color:#96C483;}
.topics ul.nav{list-style-type:none; display:none; display:flex; padding:0; justify-content:flex-end;}
.topics ul.nav li{display:flex;}
.topics ul.nav li a{display:flex; align-items:center; justify-content:center; font-size:.9rem; padding:0 0 0 .5rem;}
.topics ul.nav li a:hover{color:#a4dd8c;}
.topics ul.nav li a:after{content:'|'; display:block; padding:0 0 0 .5rem; color:#333333 !important; font-weight:300;}
.topics ul.nav li:last-child a:after{content:'';}
.topics .news-title{font-size: 1.25rem; margin: .75rem 0 0 0;}
.topics .slick-list{display:flex;}
.topics .slick-track,
.topics .slick-slide,
.topics .slick-slide > div{display:flex; flex:1;}
.topics .slick-slide > div{margin:0; }
.topics .slick-slide > div a{display:flex !important; flex-direction: column; border-right:1px solid #b8b8b8; padding:0 20px; color:#333333 !important;}
.topics .slick-slide > div a img{align-self:flex-start; display:block;-webkit-transition: all .3s; transition: all .3s; }
.topics .slick-slide > div a:hover img{opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
@media (min-width:992px) {
  .topics .headline{margin-bottom:0; margin-left: 2rem;}
  .topics a.filter{display:none;}
}
@media (min-width:1200px) {
  .topics ul.nav li a{padding:0 0 0 1rem;}
  .topics ul.nav li a:after{padding:0 0 0 1rem;}
}
@media all and (-ms-high-contrast: none){
.topics .slick-list{display:block !important;}
}

/*==============================================================
news end
 ==============================================================*/

/*==============================================================
global start
 ==============================================================*/
.global-top{padding:0; margin-bottom:3rem;}
.global-top > div.txt-area{padding:0 15px;}
.global-top > div.txt-area h3{font-size: 1.1rem;}
@media (min-width:768px) {
.global-top{display:flex; flex-direction: row-reverse; padding:0 0 0 15px; }
.global-top > div.img-area{width:50%;}
.global-top > div.txt-area{padding:0 2rem 2rem; flex:1; display:flex; flex-direction: column;}
.global-top > div.txt-area h3{margin:0 0 2rem; padding-top:0; font-size: 1.75rem;}
.global-top > div.txt-area > p{margin:auto 0 0;}
}
@media (min-width:992px) {
  .global-top > div.img-area{width:55%;}
  .global-top > div.txt-area h3{padding-top:0;}
}
@media (min-width:1200px) {
  .global-top > div.txt-area{padding:2rem;}
}

.global-bottom div.row > div{display:flex; }
.global-bottom div.row > div > a{-webkit-transition: all .3s; transition: all .3s; display:flex; flex:1; flex-direction: column; padding:0; position:relative; color:#333333 !important; background-color:#ffffff;}
.global-bottom div.row > div > a:hover{background-color:rgba(255, 255, 255, .7);}
.global-bottom div.row > div > a:before,
.global-bottom div.row > div > a:after{display:none; }
main .global-bottom h3{margin-top:0; margin-bottom:0; padding:.8rem; font-size:1.25rem; background-color:#a4dd8c; color:#ffffff; position:relative;}
main .global-bottom h3:before{position:absolute; content:''; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; display:block; width:15px; height:15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right:15px; top:0; bottom:0; margin:auto;}
.global-bottom div.row > div > a > div{display:none;}
.global-bottom div.row > div > a > div p{margin:0;}
@media (min-width:768px) {
.global-bottom div.row > div > a{padding:1.3rem 1.3rem 40px;}
.global-bottom div.row > div > a:before{position:absolute; content:''; border-right:2px solid #a4dd8c; border-bottom:2px solid #a4dd8c; display:block; width:11px; height:11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom:12.5px; right:15px; z-index:1;}
.global-bottom div.row > div > a:after{position:absolute; content:''; display:block; width:40px; height:40px; background-color:#F6F8F5; bottom:0; right:0;}
main .global-bottom h3{padding:0; margin-bottom:.5rem; font-size:1.3rem; color:#a4dd8c; background-color:transparent;}
.global-bottom div.row > div > a > div{padding:0; display:block;}
main .global-bottom h3:before{display:none;}
}

/*==============================================================
global end
 ==============================================================*/

/*==============================================================
domitory start
 ==============================================================*/
.img-bg{background: url(../img/dormitory_bg_sp.jpg) no-repeat center; background-size:cover; }
@media (min-width:768px) {
.img-bg{background: url(../img/dormitory_bg.jpg) no-repeat center; background-size:cover;}
}
.domitory{color:#ffffff; text-align:center; position:relative;}
.domitory:before{content:''; position:absolute; left:0; right:0; bottom:0; top:0; display:block; background-color:rgba(0, 0, 0, 0.12);}
.domitory .wrap > div{position:relative; z-index:2;}
.domitory .btn-default{border:1px solid #ffffff; border-top:none; color:#ffffff;}
.domitory h2 + p{font-size:1.3rem;}
 
/*==============================================================
domitory end
 ==============================================================*/

/*==============================================================
sns start
 ==============================================================*/
 .sns-area{display:block; margin:0 auto;}
 .sns-area div h3{color:#a4dd8c; text-align:center; margin-bottom:2.5rem; font-size: 1.1rem;}
.sns-area div.sns-icon{ display:flex; justify-content:center;}
.sns-area div.sns-icon svg{height:60px; width:60px; display:block; margin:0 auto;}
.sns-area div.sns-icon svg *{fill:#5b5b5b;}
.sns-area div.sns-icon a{flex:1; text-align:center; -webkit-transition: all .3s; transition: all .3s; }
.sns-area div.sns-icon a:hover{color:#a4dd8c;}
@media (min-width:768px) {
 .sns-area div h3{font-size: 1.5rem;}
 .sns-area{display:flex; max-width:1000px; margin:2rem auto;}
 .sns-area div{flex:1;}
 .sns-area .left div.sns-icon{border-right:1px solid #b8b8b8;}
}

/*==============================================================
sns end
 ==============================================================*/
