#copylight{
  margin: 50px 0 0 0;
}

body{
  background-color: #2185D0!important;
}
.wrapper{
  background-color: white;
}
.nav{
  border-radius: 0!important;
  background-color: #009FE8!important;
  height: 85px!important;
}
#navigation{
  background-color: rgba(255, 255, 255, 0.76);
}
#navigation .ui.inverted.menu .item{
  color:hsla(214, 96%, 37%, 0.9)!important;
}
.masthead{
  width:100%;
}
.hero{
  position: relative;
  overflow: hidden;
}
.sm-slider:after {
    background: rgba(0, 0, 0, 0.17) url() repeat top left!important;
}
.introduction h1.ui.inverted.header {
    position: absolute;
    z-index: 5;
    font-size: 5em;
    text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
}
.masthead .container{
  height: 55vh;
  margin-left: auto!important;
  margin-right: auto!important;
  max-width: 980px!important;
  text-align: center;
  padding: 15rem 0;
  min-height: 500px;
}
.masthead.segment.bg12{
  /*background-image: url("../img/sample_hero_top.jpeg");*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bn-msg{
  border: none!important;
}
.stripe{
  padding: 8em 0!important;
  margin: 0;
}
.head-title{
  border-radius: 0!important;
}
.head-title .ui.container{
  max-width: 980px!important;
}
.ui.text.container{
  max-width:980px!important;
}
.ui.news.scrolling{
    overflow:scroll;
    height:200px;   
    padding: 0.5em 0.5em;
    /*margin: 1em 0;*/
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
#vision-capture .ui.header,
#about-capture .ui.header,
#recruit-capture .ui.header{
  font-size: 2em;
  display: inline-block;
  text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
}
span.huge.text{
  font-size: 2em;
}
.ui.divider.ori{
  border-top: 4px solid #fff!important;
}
p.section-description {
    font-size: 1.3em;
    line-height: 2;
    padding-top: 50px;
}
.content .description p {
    font-size: 1.2em;
    line-height: 1.7;
}
.staff-voice-wrapper .ui.divider{
  margin: 2.5rem 0;
}
#vision-capture{
  height: 540px!important;
  background-image: url("../img/b-connect_vision.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 5em;
}
#about-capture{
  height: 540px!important;
  background-image: url("../img/b-connect_about.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 5em;
}
#recruit-capture{
  height: 540px!important;
  background-image: url("../img/b-connect_recruit.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 5em;
}

div#footer-rogo {
    z-index: 1;
    position: absolute;
    background-color: white;
    top: 0;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-left: .92857143em;
    padding-right: .92857143em;
    margin-left: .35714286em;
    margin-right: .35714286em;
}
.ui.inverted.menu .header.item{
  border-bottom: 2px solid hsla(214, 96%, 37%, 0.9)!important;
}
 .footer .ui.inverted.menu .header.item{
   border-bottom: 2px solid white!important;
 }
.footer .ui.stackable.inverted.grid .row{
  margin-top: 30px;
}
.footer .item.rogo-container{
  padding-top: 40px;
  padding-bottom: 70px;
  background-color: white;
}
button.ui.facebook.button.right.floated {
    margin-top: 30px;
}
.form-img-container{
  padding: 5rem;
}
.form-img-container a{
  display: block!important;
}
.style-border{
  height:3rem;
  width: 100%;
  position :absolute;
  bottom: -1px;
}
.style-border.vision{
  background-color: #DE5D9D;
  text-align: center;
  padding-top: 5px;
}
.style-border.about{
  background-color: #A3D94B;
  text-align: center;
  padding-top: 5px;
}
.style-border.recruit{
  background-color: #F19200;
  text-align: center;
  padding-top: 5px;
}
.style-border.gallery{
  background-color: #fbdd05;
  text-align: center;
  padding-top: 5px;
}
.style-border.contact{
  background-color: #777;
  text-align: center;
  padding-top: 5px;
}
.staff-voice-wrapper{
  padding: 10rem 0 2rem 0;
}
#navigation .right.menu.sp{
  display: none;
}
img.top.arrow {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -32px;
    right: 2em;
}
.only-pc{
  display: block!important;
}
.only-sp{
  display: none!important;
}
.breaked{
  word-wrap: break-word;;
}
.hero-chach{
  /*font-size: 2em!important;*/
  line-height: 2!important;
}
.tin.stripe{
  padding: 4.5em 0!important;
}
.blue-line{
  border-bottom: 3px solid #2185d0!important;
}
.ui.table td:first-child {
    /* font-size: 1em; */
    font-weight: bold;
    min-width: 120px;
}
h3.ui.header{
  padding-bottom: 0.3em!important;
  font-size:1.71428571rem!important;
}
@media screen and (max-width: 768px) {
   /*--- 表示領域が768px以下の場合に適用するスタイル ---*/
   
.anchor {
  margin-top: -200px;
  padding-top: 200px;
}
   
   #navigation .right.menu.pc{
     display: none;
   }
   #navigation .right.menu.sp{
     display: flex;
   }
   .masthead .container{
     margin-left: 1em!important;
     margin-right: 1em!important;
   }
   #footer-menu-wrapper{
     display: none;
   }
   .introduction h1.ui.inverted.header{
     font-size: 3em;
   }
   #vision-capture .ui.header,
   #about-capture .ui.header,
   #recruit-capture .ui.header{
     font-size: 2em;
   }
   #vision-capture{
     background-image: url("../img/b-connect_vision_sp.jpg");
   }
   div#footer-rogo {
     z-index: 1;
     position: absolute;
     background-color: white;
     top: 0;
     left: 0;
     padding-bottom: 45px;
     padding-top: 38px;
     padding-left: .92857143em;
     padding-right: .92857143em;
     margin-left: 0;
     margin-right: .35714286em;
  }
  #copylight{
    text-align: center;
    /* margin: 0px auto!important; */
    padding-top: 30px;
    margin-right: 20px!important;
    margin-left: auto!important;
  }
  .only-pc{
    display: none!important;
  }
  .only-sp{
    display: block!important;
  }
  html.ios{
    overflow-x: initial!important;
  }
  .staff-voice-wrapper{
    padding: 2rem 0 2rem 0;
  }
}

/*----写真オバーライド----*/
/*
.ui.centered.image, .ui.centered.images{
    box-shadow: 0 0 8px gray;
}
*/

.ui.medium.rounded.image{
    box-shadow: 0 0 8px gray;
}