/* body{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} 
↑明朝体*/
html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  }
p{
	line-height: 1.7;
	word-break: break-all;
}
body{
	color:#000000;
}
h3{
	margin:0;
}
section{
	margin: 10px  20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.title-box{
	width: 8vw;
	height:8vw;
	border-radius:100px;
	margin-bottom:6px;
	background-color: #e8340c;
	color: #ffffff;
	display:flex;
	align-items: center;
	justify-content: center;
}
.section-title{
	text-align: center;
	font-size:1.5rem;
}

@media (max-width: 1023px){
	.title-box{
		width:70px;
		height:70px;
	}	
	.section-title{
		font-size:1.3rem;
	}
}
@media (max-width: 667px){
	.title-box{
		font-size:1rem;
		width:55px;
		height:55px;
	}	
	.title-box h4{
		font-size:1rem;
	}
}


#work{
	padding-top:100px;
	margin-top:-100px;
}
#work1{
	padding-top:200px;
	margin-top:-200px;
}
#work2{
	padding-top:200px;
	margin-top:-200px;
}

#salute{
	padding-top:100px;
	margin-top:-100px;
}
#partner{
	padding-top:100px;
	margin-top:-100px;
}
#outline{
	padding-top:100px;
	margin-top:-100px;
}


.c-table{
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
}
.ct-cell{
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}


.img-full{
	width: 100%;
}


/*navbar*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #e9e9e9;
	background-color: #e8340c;
	margin-bottom: 0;
}
.navbar-default .navbar-nav>li>a{
	color: #000000;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #e8340c;
	background-color: #e9e9e9;
}
.navbar-default{
	background-color: #fff;
	border:none;
}
.navbar-brand{
	width: 120px;
	transition: all 0.4s ease-in-out;
	padding-bottom: 0px;
	margin-bottom:-10;
}


.navbar-toggle{
	border-radius: 0;
}
@media (min-width: 768px){

	.navbar-nav>li>a{
		padding-top: 30px;
		padding-bottom: 20px;
		font-weight: 400;
		color:#000000;
	}	
}


/**********************
		Header
**********************/

/* .header-business{
	background-image: url(../images/business.jpg);
	position: relative;
	background-size:cover;
} */
.header{
	position: relative;
}
.top-img{
	width:100%;
	height:auto;
	margin-top: 70px;
}
@media(max-width:1023px){
	.top-img{
		margin-top:55px;
	}
}
.navbar-brand{
	padding:0;
	margin-top:40%;
}
.NewsRelease-img{
	width:100%;
	height:auto;
	margin-top: 20px;
}
.intro h1{
	color: #000000;
	font-size: 5rem;
}
.intro-box{
	width: 100%;
	margin-top: 9.5rem;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media (max-width: 991px){
	.intro-box{
		font-size:0.35rem;
		margin-top:13em;
		height:40px;
	}
	.intro h1{
		font-size:3rem;
	}
}

@media (max-width: 667px){
	.intro-box{
		font-size:0.35rem;
		margin-top:7.5rem;
		height:0px;
	}
	.intro h1{
		font-size:2.6rem;
	}
}


.btn-default{
	font-size: 15px;
	padding: 16px 50px;
	border-radius: 0;
	background-color: #e8340c;
	color:#ffffff;
	margin-top:10px;
}
.btn-default:hover{
	background-color: #f14a24;
	color:#ffffff;

}
.btn-center{
	margin:0 auto;
}
@media (max-width: 767px){
	.btn-header{
		width:70px;

	}
}


/**********************
	Header-recruit
**********************/
.header-recruit{
	background-image: url(../img/recruit.jpg);
	width: 100%;
	height:180px;
}
.header-recruit .intro-box{
	text-align: center;
}
.fluid-box{
	width:100%;
	position:relative;
	
}
.fluid-box-inner{
 margin: 0 auto;

}

/*navbar*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #fff;
	background-color: #e8340c;
	margin-bottom: 0;

}
.navbar-default .navbar-nav>li>a{
	color: #000000;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #e8340c;
}

/**********************
	Header-company
**********************/
.header-company{
	background-image: url(../img/company.jpg);
	widows: 100%;
	height:180px;
	overflow: hidden;
}




.header-company .intro-box{
	text-align: center;
}
.fluid-box{
	width:100%;
	position:relative;
	
}
.fluid-box-inner{
 margin: 0 auto;

}

/**********************
	Header-news
**********************/
.header-news{
	background-image: url(../img/NewsRelease.jpg);
	widows: 100%;
	height:180px;
}
.header-news .intro-box{
	text-align: center;
}
/**********************
	Header-contact
**********************/
.header-contact{
	background-image: url(../img/contact.jpg);
	widows: 100%;
	height:180px;
}
.header-contact .intro-box{
	text-align: center;
}
.fluid-box{
	width:100%;
	position:relative;
	
}
.fluid-box-inner{
 margin: 0 auto;

}

/**********************
	Header-privacy
**********************/
.header-privacy{
	widows: 100%;
	height:140px;
}
.header-privacy .intro-box{
	text-align: center;
}
ul{
    list-style-type: none;
}

@media (max-width:1023px) {
	.header-image{
		height:130px;
	}
	.header-image h1{
		line-height:0;
	}
}
@media (max-width:667px) {
	.header-image{
		height:100px;
	}
	.header-image h1{
		line-height:0px;
	}
}


.indentback{
    text-indent: -2.5em;
    padding-left: 3em;
  }
.indent p{
        text-align: justify;
		margin-left:1em;
		text-indent: 1em;
		
}
.indent{
    padding-left: -1em;
}

/**********************
		ニュース
**********************/
.news-outline{
	width:85%;
	height:auto;
	outline: 1px solid #e8340c;
	margin:0 auto;
}

@media(max-width:667px){
	.news-outline{
		margin-top:10px;
	}
}

.news-outline ul{
	font-size:1.1em;
	padding:20px 40px;
	line-height:1.7;
}

/**********************
		事業内容
**********************/
.work-item {
margin:0 auto;
}

.work-item h3 {
	font-size: 25px;
    margin: 10px 10px;
}
.work-item p {
	font-size: 0.9rem;
	padding: 0;
}
.img-responsive{
	width:100%;
}

.work-card-body{
	padding:0 10px 0 10px;
	word-break: break-all;
	box-shadow: 0 2px 5px;
	font-size: 18px;
	color:#000000;
	margin-bottom:30px;
}

.work-text h4{
	margin-bottom:0;
	font-weight: 600;
}
.work-text p{
	font-size:1.3rem;
}



/**********************
		経営理念
**********************/
.idea-item {
	background-color: #F5F5F5;
	margin-top: 20px;
}

.idea-item h2 {
	font-size: 25px;
	margin: 30px 20px;
	text-align: center;
}
.idea-item p {
	font-size: 16px;
	padding: 0 15px 15px 15px;
}
.img-responsive{
	width:100%;
	max-width: 100%;
	height:auto;
}
.img-250{
	max-width:250px;
	height:250;
	overflow: hidden;
	object-fit: cover;
}

.rigi-card-body{
	padding:20px;
	word-break: break-all;
	box-shadow: 0 2px 5px;
	margin-top:0;
}
@media(max-width:667px){
	.rigi-card-body{
		margin-top:0px;
	}
}
.rigi-card-body p{
	font-size:1.6rem;
	text-align: justify;
	line-height: 1.7;
}

.partner-card-body{
	padding:0 20px 20px 20px;
	box-shadow: 0 2px 5px;
	width:100%;
	font-size:1.4rem;
	text-align: justify;
	line-height: 1.5;
}
.partner-card-body h4{
	font-size:1.5rem;
}
@media(max-width:996px){
.partner-card-body{
	width:100%;
	padding:10px;
}
.card-wrapper{
	margin: 0 auto;
}
.partner-card-body .img-250{
	margin: 0 0 0 20px;
}
}

.partner-card p{
	word-break: break-all;
	font-size:1em;
	text-align: justify;
}

/**********************
		tel
**********************/
.tel{
	color: rgb(0, 0, 0);
	padding: 0;
	display: flex;

}

.tel h2{
	text-align: left;

}
.tel-btn{
	display: inline-block;
	font-size: 3rem;
	padding: 10px 40px;
	border: 3px solid #fff;
	background-color: #008080;
	text-align: center;
	color: #fff;

}
.tel-btn a{
	color: #fff;
	text-decoration: none;
	text-align: center;
}

/**********************
		経営理念
**********************/
.resource-item {
	background-color: #F5F5F5;
	margin-top: 20px;
}

.resource-item h2 {
	font-size: 25px;
	margin: 30px 20px;
	text-align: center;
}
.resource-item p {
	font-size: 16px;
	padding: 0 15px 15px 15px;
}


.resource-card-body{
	padding:20px;
	word-break: break-all;
	box-shadow: 0 2px 5px;
}
/**********************
		募集職種　outline
**********************/
.outline-card-body{
	word-break: break-all;
	text-align: justify;
	box-shadow: 0 2px 5px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	width:100%;
	padding:10px 0;
}

.outline-list li{
	margin-bottom:40px;
}
.outline-card-body h4{
	border-bottom:solid 1px #e8340c;
	font-size:1.7rem;
	width:90%;
}

.outline-card-body p{
	margin-left: 1.5em;
	margin-right:1em;
}
@media(max-width:1023px){
	.outline-card-body{
		padding:10px 0;
	}
	.outline-card-body p{
		margin:0 4rem 0 1rem;
	}
}
@media(max-width:667px){
	.outline-card-body{
		padding:10px 0;
	}
	.outline-card-body p{
		margin:0 4rem 0 1rem;
	}
}

/**********************
		contact-form
**********************/
.contact-form{
	color: rgb(0, 0, 0);
	padding: 0;
	margin-left:0;

}

.contact-form h3{
	text-align: left;
	margin-left:0;
	padding-left:0;
}
.contact-form p{
	font-size: 1.5rem;
}

.contact-form-btn{
	margin-top: 20px;
	display: inline-block;
	font-size: 35px;
	padding: 20px 40px;
	border: 3px solid #fff;
	background-color: #008080;
	text-align: center;
}
.contact-form-btn a{
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.form-control {
    background: none;
    height: 40px;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #8b9eb6;
    padding: 10px;
}

.form-control:focus {
    box-shadow: none;
}

.policy p{
	text-align: center;
	display: inline-block;
	margin:0 auto;
	font-size:14pt;
}
label[type='checkbox'] {
    cursor: pointer;
}

/*------------------------------------------------------------------
  	[Form Control]
------------------------------------------------------------------*/
.form-control {
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #a6a7aa;
    background: #fafafa;
    border-color: #880000;
    border: solid 0.1px ;
    box-shadow: none;
    border-radius: 0;
    padding-left: 15px;
  }
  
  .form-control::-moz-placeholder {
    color: #a6a7aa;
  }
  
  .form-control:-ms-input-placeholder {
    color: #a6a7aa;
  }
  
  .form-control::-webkit-input-placeholder {
    color: #a6a7aa;
  }
  
  .form-control:focus {
    color: #515769;
    box-shadow: none;
  }
  
  .form-control:focus::-moz-placeholder {
    color: #515769;
  }
  
  .form-control:focus:-ms-input-placeholder {
    color: #515769;
  }
  
  .form-control:focus::-webkit-input-placeholder {
    color: #515769;
  }
  .btn-toki{
	  background-color: #400e03;
	  color:#ffffff;
	  border-radius: 0%;
	  margin-top:50px;
  }
  .btn-toki:hover{
	color:#ffffff;
	background-color: #6b1e0c;
 }
.confirm{
	background-color: #ffffff;
	padding:0 50px 50px;
	margin-top:60px;
}

.after-mail{
	background-color: #ffffff;
	padding:50px;
	margin-top:60px;
}
.confirm-table{
	width:100%;
	font-size:17px;
}
.confirm-table th{
	padding:10px;
	width:150px;
}
.confirm-table td{
	word-break: break-all;
}
/*ふぉーむここまで*/



/**********************
		Testimonial
**********************/
.testimonial{
	padding: 0;
}
#test-slider{
	background-color: #455579;
	color: #fff;
	padding: 60px;
}
.testimonial p{
	position: relative;
	padding: 0 20px 0 40px;
	font-style: italic;
	margin: 100px 0;
	line-height: 2;
}
.testimonial .item span{
	padding-left: 40px;
}
.testimonial p:after, .testimonial p:before{
	position: absolute;
	font-size: 24px;
}
.testimonial p:after{
	content: '"';
	right: 20px;
	bottom: -10px;
}
.testimonial p:before{
	content: '"';
	left: 20px;
	top: -10px;
}


/**********************
		Contact
**********************/
.contact{
	background-color: #F2EEED;
	color: #969595;
}
.contact-logo{
	margin-bottom: 30px;
}
.contact ul{
	padding-left: 0;
}
.contact ul li{
	list-style-type: none;
}
.contact ul li span{
	padding-right: 10px;
}
.contact ul, .contact p{
	line-height: 1.7;
}
.input-group-addon, .form-control{
	background-color: #fff;
	border-color: transparent;
}
.contact .input-group{
	padding-bottom: 20px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{
	border-radius: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
	border-radius: 0;
}
.contact button{
	background-color: #435174;
	border-radius: 0;
	color: #fff;
}
.contact button{
	padding: 8px;
}


.subscribe{
	border-bottom: 3px solid #2C3447;
	background-color: #10182D;
	color: #969595;
}
.subscribe h2{
	color: #fff;
}
.subscribe-form{
	margin-top: 30px;
}
.company-table{
	margin-top:-30px;
}
.company-table tr{
	width:100%;
	font-size:1.5rem;
	border:solid 1px #e8340c;

}
.company-table th{
	width:250px;
	background-color: #e8340c;
	color: #ffffff;
	word-break: break-all;
	font-weight:400;
	border-bottom:solid 1px #ffffff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	text-align: center;
	line-height: 0%;
}
.company-table td{
	height:50px;
	width:70%;
	word-break: break-all;
	background-color: #ffffff;
	padding:10px 0 10px 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media(max-width:667px){
	.company-table tr{
		font-size:1rem;
	}
	.company-table th h5{
		font-size:1rem;
	}
}
.service-table{
	margin-top:-30px;
}
.service-table p{
	font-size:1em;
}
.service-table tr{
	width:100%;
	font-size:1.5rem;
	font-weight:400;
	border:solid 1px #e8340c;
	text-align: justify;

}
.service-table th{
	width:320px;
	height:auto;
	background-color: #e8340c;
	color: #ffffff;
	text-align: center;
	word-break: break-all;
	margin:0px auto 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	border-bottom:solid 1px #ffffff;

}
.service-table td{
	width:80%;
	word-break: break-all;
	background-color: #ffffff;
	padding:30px 10px 0 10px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
.table th h5{
	line-height: 1.7;
	margin:auto ;
	text-align: justify;
	font-size:2rem;

}
.service-table-ul{
	padding-left:10px;
}
@media(max-width:667px){
	.service-table th h5{
		font-size:1.8rem;
	}
	.service-table td{
		font-size:1.3rem;
	}
	.service-table p{
		font-size:1.3rem;
	}
}

/*Footer*/
.footer{
	background-position: auto auto;
	background-color: #e7e2e2;
	background-repeat: no-repeat;
	background-size:cover;
	padding-top: 20px;
	color: #000000;
	margin:0;
	padding-left:20px;
}

.list-group-item{
	background-color:#ffffff;
	width:180px;
	margin-right:0;
}
.footer-list-widget{
	width:30px;
}
.footer-copyright{
	width:100%;
	color:#4e4e4e;
}

.footer h4{
	font-size:1.5rem;
}
.footer-left-content{
	padding-left:0px;
}
.list-group{
	font-size:1rem;

}
.footer-list-content{
	font-size:16px
}
.footer-list{
	font-size:1.3em;
}
.footer p{
	margin:0;
}

@media (max-width: 970px){
	footer .subscribe{
		text-align: center;
	}
	.logo{
		margin:0 auto;
	}
	.footer{
		background-image: none;
	}
	.list-group{
		width:100%;
		font-size:1rem;

	}
}
.logo{
  width:130px;
  height:auto;
}
.logo-header{
	width:140px;
	height:auto;
	margin:10px 0 10px 0;
  }
  @media all and (-ms-high-contrast:none){
	.logo-header{	width:140px; height:auto; margin-bottom: -10px;} /* IE11 */
  }

@media (max-width: 768px){
	.list-group-item{
		width:90%;
	}
	.footer-copyright{
		margin-left:-20px;
	}
	.logo-header{
		width:110px;
		vertical-align: middle;
		margin:20px 0 0 10px;
	}
}
@media(max-width:667px){
	.logo-header{
		width:90px;
		vertical-align: middle;
		margin:10px 0 0 10px;
	}
}

.text-lightgray{
	color:#a5a5a5;

}
.bg-white{
	background-color:#ffffff;
}
.bg-light-grey{
	background-color:#f8f8f8;
}
.bg-grey{
	background-color: #e7e2e2;
}
.pl-0{
	padding-left:0;
}
.pt-100{
	padding-top:90px;
}
.pt-1{
	padding-top:10px;
}
.pt-2{
	padding-top:20px;
}
.px--15{
	margin-left: -20px;
}
.pb-5{
	padding-bottom:50px;
}
.mr-0{
	margin-right:0;
}
.ml-5{
	margin-left:50px;
}
.mb-0{
	margin-bottom:0;
}
.mb-1{
	margin-bottom:10px;
}
.mb-2{
	margin-bottom:20px;
}
.mb-3{
	margin-bottom:30px;
}
.mb-4{
	margin-bottom:40px;
}
.mb-5{
	margin-bottom:50px;
}
.mt--100{
	margin-top:-90px;
}
.mt-0{
	margin-top:0;
}
.mt-1{
	margin-top:10px;
}
.mt-2{
	margin-top:20px;
}
.mt-3{
	margin-top:30px;
}
.mt-5{
	margin-top:50px;
}
.mx-2{
	margin-left:20px;
	margin-right:20px;
}
.jumbotron{
	margin-bottom:0px;
	padding-bottom:0px;
}
.margin-auto{
	margin:0 auto;
}

/*Cardここから
ベースのスタイル設定*/
.l-card {
	overflow: hidden;
	width:274px;
	padding: 0;
	margin: 10px 18px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
  }
.l-card h4{
	font-size:1.7rem;
  }


  /*ここからthumbnailのスタイル設定*/
  .l-thumbnail {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
  }
  .flexbox{
	text-align: center;
}
  .thumbnail-wrapper {
	margin: 0;
	padding: 0;
  }
  .thumbnail-wrapper::after {
	transition: 0.5s;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.89);
	opacity: 0;
  }
  .thumbnail-wrapper img{
	max-width: 100%;
  }
  .more-text{
	transition: 0.5s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 6px 18px 8px;
	color: #fff;
	border: 1px solid #fff;
	opacity: 0;
	width:180px;
  }
  .l-card:hover .thumbnail-wrapper::after {
	opacity: 1;
  }
  .l-card:hover .more-text {
	opacity: 1;
  }
.float-left{
	float:left;
}
.float-none{
	clear:left;
}
.card-header{
	padding:20px;
}

.top-btn{
	width:275px;
}
.center{
	text-align: center;
}
.text-black{
	color:#000000;
}
.box h3{
	font-size:2rem;
	font-weight: 600;
}