@charset "UTF-8";
/* CSS Document */


/************************************************************** 
【Google Mapサイズレスポンシブ】 
**************************************************************/ 
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





/************************************************************** 
【コンテナ画像余白】 
**************************************************************/ 

.container-fluid .col-xs-12 {
  padding: 0;
}

#d1_top_btn .col-xs-12 {
  padding-top: 15px;
}
#d1_top_btn .col-md-3 {
  padding: 15px;
}

#from_d1 .col-xs-12 {
  padding: 0;
}
#from_d1 .col-md-7 {
  padding: 0;
}
#from_d1 .col-md-5 {
  padding: 0;
}

#link_d1 .col-md-6 {
  padding: 0;
}
#link_d1 .col-xs-12 {
  padding: 0;
}

#foot_btn .col-md-3 {
  padding: 0;
}

#counselor .col-xs-12 {
  padding: 0;
}

#head_txt .col-xs-12 {
  padding: 0;
}
.home .col-xs-6 {
  padding: 10px;
}
.orange_line .col-md-6 {
  padding: 20px;
}

.btn_box .col-md-6 {
  padding: 0;
}
.with .col-xs-12 {
  padding: 2px 0 2px 0;
}
.with .col-md-6 {
  padding: 20px;
}

/************************************************************** 
【5分割】 
**************************************************************/ 
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}
/* スマホ（767px以下） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* タブレット（768px～991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* PC（992px～1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}


/************************************************************** 
【コンテナサイズ】 
**************************************************************/ 
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
	max-width: 100%;
}

.container-small {
  max-width: 100%;}

@media (min-width: 992px) {
  .container-small {
  width: 960px;}}
@media (min-width: 1200px) {
  .container-small {
  width: 960px;}}

.container-x_small {
  max-width: 100%;
  width: 800px;}


/************************************************************** 
【リンク画像ボタンオンマウス時薄く透過】 
**************************************************************/ 
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.swiper-slide a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

/************************************************************** 
【フェードイン効果】 
**************************************************************/ 
.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

/************************************************************** 
【ページ戻るボタン】 
**************************************************************/ 
#page-top {
    position: fixed;
	z-index:1;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: rgba(236,108,31,0.8);
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(242,151,44,0.8);
}