:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

/*!
 * common
 */
body{
  color: #51575F;
  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.card{
  border:none;
}
.card-body{
  padding:0.5rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.all{
  max-width: 1200px;
  margin:auto;
}

h3{
  margin-bottom:0;
}

/*!
 * index.html
 */
.topfield {
  padding:2rem 2rem;
}

.redword {
  margin-top:1.5rem;
  margin-bottom:1.5rem;
}

.card-red-b{
  color:white;
  background-color: #D7302D;
}



.nav-li{
  text-align: center!important;
}

.card-waku{
  width:19rem;
}

.main-content {
  background-color: #D7302D;
}

.header-content{
  background-color: #D7302D;
}

.news-field{
  margin-top:2rem;
}

.feauture-field{
  padding:1rem;
  background-color: white;
}

.contents-field{
  margin:0rem 1rem 2rem 1rem;
}
.req-field{
  margin:0rem 1rem 0rem 1rem;
}

.fotter-g-link{
  border-top:3px solid #B0B9C4;
}

.fotter-linkl-g {
  margin-top:1rem;
}

.scroll-card{
  max-height:400px;
  overflow-y:auto;
}

.company-name{
  margin-top:1rem;
}

.box-title{
  margin-top:0.5rem;
}
.space-box{
  margin-top:4rem;
  margin-bottom:4rem;
}
.box-title{
  margin-top:1rem;
  border-bottom:4px solid #B0B9C4;
}
.card-body-custom{
  padding-top:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid #B0B9C4;
}

.top-box-field{
  height:170px;
}

.card-body2-custom{
  border:4px solid #FFFFFF;
  background-color: #D7302D;
}

.card-body3-custom{
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
}
.card-body3-custom:before{
  content: '';
  position: absolute;
  left: 6.2rem;
  TOP: 50px;/*線の上下位置*/
  display: inline-block;
  width: 300px;/*線の長さ*/
  height: 3px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-65%);/*位置調整*/
  background-color: #FFFFFF;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.req-title{
  margin-top:50px;
}
.req-img{
  padding:1rem;
}

.card-item-custom{
  padding-top:5px;
}

.body-custom{
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
}
.body-custom:before{
  content: '';
  position: absolute;
  left: 6.2rem;
  TOP: 50px;/*線の上下位置*/
  display: inline-block;
  width: 600px;/*線の長さ*/
  height: 6px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-65%);/*位置調整*/
  background-color: #FFFFFF;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.ico-app-img{
  width:6rem;
  height:6rem;
}

.ico-app-button-iOS{
  margin:0.5rem 1rem 0rem 2rem;
}
.ico-app-button-Android{
  margin:0.5rem 2rem 0rem 0rem;
}

.title-border-g{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.title-border-g:before{
  content: '';
  position: absolute;
  left: 6.2rem;
  TOP: -15px;/*線の上下位置*/
  display: inline-block;
  width: 200px;/*線の長さ*/
  height: 5px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #96A1B0;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

/*!
 * career_req
 */
.career-title{
  font-size:30px;
}
.career-sub{
  font-size:20px;
}
.career-sub2{
  font-size:16px;
}
.career-sub3{
  font-size:20px;
  font-weight:bold;
}
.career-sub2{
  font-size:16px;
}

.hr-bar{
  height:50px;
}

/*!
 * workflow
 */
.flow-box{
  margin-top:60px;
}

.img-pos3{
  margin-top: -100px;
}

.img-pos4{
  margin-top: -160px;
  margin-left: 750px;
}

 /*!
  * member
  */
.img-t-pos{
  margin:-75px;
  padding-right:50px;
}

.img-mem-pos1{
  margin-top:-180px;
  margin-left:-250px;
}

/*!
 * member_info
 */

.pankuzu{
  font-weight: bold;
  font-size:1.5rem;
}

.pankuzu-border-g{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.pankuzu-border-g:before{
  content: '';
  position: absolute;
  left: 6.2rem;
  TOP: 40px;/*線の上下位置*/
  display: inline-block;
  width: 1000px;/*線の長さ*/
  height: 5px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-10%);/*位置調整*/
  background-color: #F3F3F4;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.member-info-title{
  font-weight: bold;
  padding:2rem 0rem 1rem 2rem;
  font-size:2rem;
}

.member-info-message{
  padding:0rem 1rem 0rem 1.75rem;
  font-size:1.5rem;
}

.mem-ico-app-img{
  width:75px;
}

.member-info-title-right{
  font-weight: bold;
  padding:2rem 0rem 1rem 2rem;
  font-size:2rem;
}

.member-box{
  height: 900px;
}

/*!
 * contact.html
 */

.contact-message{
  font-size:1.2rem;
}

.contact_pp{
	width:620px;
	height:170px;
	background: #ececec none 0 0;
	margin:30px auto 20px auto;
	overflow:auto;
	padding:15px;
  font-size:1.3rem;
	line-height: 1.6;
}

.cen{
  font-size:1.3rem;
}

/*!
 * company_info.html
 */
.info-img-size{
  width: 66%;
}


/*!
 * app.html
 */

.side-bar-title{
  font-size:23px;
}

.side-ber-select{
  background-color: #51575F;
}

.app-main-title{
  font-size:34px;
}

.app-word{
  font-size:30px;
}
.app-detail{
  font-size:19px;
}

.max-w-change{
  max-width:1050px;
}

/*!
 * histogram
 */

.histogram-1{
  width:5rem;
  margin:4rem 1rem 1rem 1rem;

}

.histogram-2{
  width:5rem;
  margin:1rem 1rem 4rem 1rem;
}

/*!
 * format color
 */
.f-gray {
  color: #96A1B0;
}
.f-red {
  color:#D7302D;
}

.f-white{
  color:#fff;
}

.f-fgray{
  color:#51575F;
}

.bg-gray{
  background-color: #96A1B0;
}

.bg-red{
  background-color: #D7302D;
}
/*!
 * media
 */

@media (min-width: 319px) {
  /* iphone5の実機次第
  .navbar {
    padding-right:5px;
  }
  */
  .navbar-brand{
    margin-right: 0;
  }
  .top-logo {
    padding-left: 1rem;
    padding-top: 0;
    padding-right: 0;
    width:70%;
    height:70%;
  }
  .nav-li {
    text-align: left!important;
  }
  .right-title{
    padding-top:0px;
  }
  .fotter-link{
    margin:0.5rem 0rem 0.5rem 0rem;
  }
  .fotter-g-link{
    margin:0.5rem 1rem 0.5rem 1rem;
  }
  .fotter-title{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
  }
  .navbar-custom{
    margin:.25rem .25rem;
  }
  .navbar-nav-custom{
    margin-top:20px;
  }
  .ico-header{
    display: none;
  }
  .nav-menu{
    margin-top: 0rem;
    margin-bottom:0px;
  }
  .box-p{
    margin-top:2rem;
  }
  .s-big{
    font-size:2rem;
  }
  .fotter-link{
    margin:0.5rem 1rem 0rem 1.25rem;
  }
  .card-title-custom{
    font-size:1rem;
    margin:3rem 1rem 1rem 2rem;
  }

  .body-custom:before{
    width: 280px;/*線の長さ*/
  }

}
@media (min-width: 760px) {
  .box-p{
    margin-top:0rem;
  }
  .top-logo {
    padding-left: 1rem;
    padding-top: 0;
    padding-right: 0;
  }
  .card-title-custom{
    margin:3rem 1rem 1rem 2rem;
  }
  .body-custom:before{
    width: 500px;/*線の長さ*/
  }
}
@media (min-width: 769px) {

  .top-logo {
    padding-left: 3rem;
    padding-top: 0;
    padding-right: 3rem;
    width:100%;
    height:100%;
  }
  .nav-li {
    text-align: center!important;
  }
  .right-title{
    padding-top:30px;
  }
  .fotter-link{
    margin:0.5rem 0rem 1rem 0rem;
  }
  .fotter-g-link{
    margin:0.5rem 2rem 5rem 2rem;
  }
  .fotter-title{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
  }
  .navbar-custom{
    margin:0.5rem 2rem 0rem 2rem;
  }
  .navbar-nav-custom{
    margin-top:0px;
  }
  .ico-header{
    display:inline;

  }
  .nav-menu{
    padding-top: 0.1rem;
  }
  .box-p{
    margin-top:2rem;
  }
  .s-big{
    font-size:3rem;
  }
  .body-custom:before{
    width: 600px;/*線の長さ*/
  }
}
@media (min-width: 1024px) {
  .box-p{
    margin-top:0rem;
  }
}
@media (min-width: 1025px) {

  .top-logo {
    padding-left: 6rem;
    padding-top: 0;
    padding-right: 3rem;
    width:100%;
    height:100%;
  }

  .navbar-custom{
    margin:0.5rem 1.2rem 0rem 1.2rem;
  }
  .navbar-nav-custom{
    margin-top:0px;
  }

  .ico-header{
    display:inline;
  }
  .box-p{
    margin-top:0rem;
  }
  .s-big{
    font-size:3rem;
  }
  .body-custom:before{
    content: '';
    position: absolute;
    left: 6.2rem;
    TOP: 50px;/*線の上下位置*/
    display: inline-block;
    width: 800px;/*線の長さ*/
    height: 6px;/*線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-55%);/*位置調整*/
    background-color: #FFFFFF;/*線の色*/
    border-radius: 2px;/*線の丸み*/
  }

  .body-custom-2:before{
    content: '';
    position: absolute;
    left: 6.2rem;
    TOP: 100px;/*線の上下位置*/
    display: inline-block;
    width: 800px;/*線の長さ*/
    height: 6px;/*線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-5%);/*位置調整*/
    background-color: #FFFFFF;/*線の色*/
    border-radius: 2px;/*線の丸み*/
  }

}