@charset "utf-8";

/*============================================================
    （株）仲間組　基本
============================================================ */
/*
layout.css
color:#6666666;
point color2:#1b63b8
point color3:#f2f2f2

/*----------------------------------------------
 RESPONSIVE
------------------------------------------------*/

/* -------------------------------*/ 
@media screen and (max-width: 790px) {
.pconly	{
display:none;
}
}

/* -------------------------------*/  
@media (min-width: 791px) {
.mobile{
display:none;
}
}



/*--------------------------------------------------
   TOP
 --------------------------------------------------*/  

/* BASIC
 --------------------------------------------------*/ 

/* ---　base  ------------*/ 
body{
margin:0;
padding:0;
color:#666666;
letter-spacing:0.08em;
}

/* ---　link img  ---------*/ 
a:active img ,
a:hover img {
outline: 0;
opacity: 0.6;
}

img {
  max-width: 100%;
}

.btn {
margin:15px 0 10px !important;
min-width: 200px !important;
}
@media screen and (max-width: 601px) {
.btn-r {
margin:15px auto 10px !important;
text-align: center !important;
}
}

p{
  margin: 1.0rem 0;
}
.f-bold{
font-weight: bold;
}	
table, th, td {
 font-family: -apple-system, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
 font-weight: normal;
 color: rgba(51,51,51,0.9); /*--#333333--*/
}
tr { 
  border-bottom: 1px dotted #CCCCCC;
}
tr.last-tr { 
  border-bottom: 1px solid #CCCCCC;
}

.br-sp {
  display: none;
}
@media (max-width: 600px) {
.br-sp {
  display: block;
}
}

/*======== アンカーリンク調整  ========*/
html {
  scroll-padding-top: 78px;
}


/* ALL CONTENS
-------------------------------------------------------*/
#all{
width: 100%;
margin-left: auto;
margin-right:auto;
position: relative;
}

/* NAVI
--------------------------------------------------------*/


/* TOP SLIDER
--------------------------------------------------------*/
.slider {
position: relative;
width: 100vw;
height: 100vh;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 0px;
}

.slider-copy {
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
	font-family: 'Shippori Mincho', serif !important;
 font-size: 48px;
 margin:0 0;
 padding:0 80px 50px;
 color: #fff;
 line-height: 1.36;
	vertical-align: middle
 z-index: 200;
}

/*一時お知らせ*/
.slider-buttom{
position: absolute;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #DD070B;
z-index: 400;
display: inline-block;
padding: 1.4em 2.1em 1.8em;
text-decoration: none;
min-height: 200px;
color:#CB041F;
font-weight: 300;
background: rgba(255,255,255,0.9);
letter-spacing: 0.2em;
margin:1em auto 0.6em;
border: #CB041F solid 1.2px;
}

/* ---------　m  ------------*/ 
@media screen and (min-width: 993px) {
.slider {
 height: 100vh;
}
}
@media screen and (max-width: 992px) {
.slider-copy {
 font-size: 42px;
 margin:40% auto 10%;
	line-height: 1.3;
 padding:0 30px 20px ;
	vertical-align: middle
}
}
@media screen and (max-width: 992px) {
.slider-buttom{
min-width: 78%;
font-size: 90%;
padding: 1.0em 1.0em 1.0em;
margin:1.6em auto 0.2em;
}
}
	
/* ---------　s  ------------*/ 
@media screen and (max-width: 601px) {
.slider {
 height: 100vh;
}

.slider-copy {
 font-size: 34px;
 margin:50% auto 10%;
	line-height: 1.3;
 padding:10px 30px 15spx ;
	vertical-align: middle
}
}
	
/* NEWS
--------------------------------------------------------*/
.news {
width: 100%;
padding:6px 0;
height: auto;
font-size: 94%;
background:#fff;
text-align: left !important;
}
.news table{
 position:relative;
	margin:10px 0;
}

/*---- LINK------*/
.news table th a:link { 
	color:#666666 !important;
}
.news table th a:visited { 
	color:#666666 !important;
}
.news table th a:hover { 
	color:#00A0C0 !important;
}
.news table::before{
 content:"";
 display:inline-block;
 width:1px;
 min-height:70px;
 background-color:#666666;
 position:absolute;
 top: 50%;
 left:-30px;
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);
}

th {
margin:0 0 0 !important;
padding:5px;
line-height: 1.5 !important;
border:none;
}
.news tr {
border:none !important;
}

/*---- MOBILE ------*/
@media screen and (max-width: 1060px) {
.news table::before{
 left:-20px;
}
}
@media screen and (max-width: 600px) {
.news table::before{
display: none;
}
th {
line-height: 1.4;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0rem;　　/*--Grid間のスペース--*/
  min-height: 1px;
}
}

/* TOP ABOUT
--------------------------------------------------------*/
.top-about{
width: 100%;
min-height: 540px;
margin:-20px auto 5px;
padding:40px 5px 40px; !important;
background :#f2f2f2 url("../img/index/leaves.png") no-repeat right top;
background-size:contain;
}
.top-about img {
margin-top:5%;
text-align: center;
vertical-align: top;
}
.top-poltext{
	margin-left:5px;
	margin-right:40px;
	}


/*---- MOBILE ------*/

@media screen and (max-width: 600px) {
.top-about {
padding-top:10px;
margin:5px auto 5px;
}
.top-about img {
width:100%;
padding:5% 0;
margin-left:0;
}
.top-poltext{
	margin-left:0;
	margin-right:0;
	}
}



/* TOP OUR WORKS
--------------------------------------------------------*/
.top-ourworks{
width: 100%;
min-height: 860px;
margin:0 auto 5px;
padding:40px 0 40px; !important;
background : url("../img/index/b_works.jpg") no-repeat center top;
background-size:cover;
}

.top-ourworks-txt{
width: 90%;
max-width: 600px;
height: auto;
margin:200px auto 160px;
padding:45px 60px 60px;
background : rgba(255,255,255,0.75);
text-align:left;
}

/*---- MOBILE ------*/
@media screen and (max-width: 600px) {
.top-ourworks{
width: 100%;
min-height: 400px;
}
.top-ourworks-txt{
width: 96%;
max-width: 600px;
height: auto;
margin:150px auto 120px;
padding:30px 25px 50px;
background : rgba(255,255,255,0.75);
text-align:left;
}
}

/* TOP OUR INITIATIVES
--------------------------------------------------------*/
.top-ourinitia{
width: 100%;
min-height: 860px;
margin:0 auto 5px;
padding:45px 0 40px !important;
background : url("../img/index/b_kinarea.jpg") no-repeat center top;
background-size:cover;
}

/*---- MOBILE ------*/
@media screen and (max-width: 600px) {
.top-ourinitia{
width: 100%;
min-height: 790px;
margin:0 auto 5px;
padding:30px 5px 0px !important;
background : url("../img/index/b_kinarea.jpg") no-repeat center top;
background-size:cover;
}	
}	
		

/* TOP RECRUIT
--------------------------------------------------------*/
.top-recruit{
width: 100%;
min-height: 540px;
margin:0 auto;
padding:40px 0 40px !important;
background :#f2f2f2 url("../img/index/curves.png") no-repeat right top;
background-size:cover;
}

.top-recruit img{
width: 90%;
text-align: right !important;
}

/*---- MOBILE ------*/
@media screen and (max-width: 600px) {
.top-recruit {
margin:0 auto;
padding:40px 5px 40px;
}
.top-recruit img {
width: 100%;
padding-top:14%;
text-align: center !important;
}
}


/* FOOTER
--------------------------------------------------------*/
/*top-footer*/
#footer{
width:100%;
min-height:290px;
color:#fff;
padding:60px 0 0;
background : url("../img/index/b_footer.jpg") no-repeat center bottom;
background-size:cover;
z-index: 200;
vertical-align: middle;
text-align:left;
}
#footer .col{
vertical-align: middle;
}

#footer .logo2 img{
width: 200px;
padding: 0 0 0;
vertical-align: bottom;
}

/*---- MOBILE ------*/
@media only screen and (max-width: 992px) {
#footer{
min-height:280px;
padding:30px 0 0 0;
}
}
@media only screen and (max-width: 600px) {
#footer{
min-height:300px;
padding:20px 0 0 0;
}	
#footer .logo2 img{
max-width: 60%;
padding: 10px 10px 0 0;
vertical-align: bottom;
}
}
/*---- MOBILE END------*/

#footer .address1{
font-size:1.2rem;
margin:8px 0 0;
letter-spacing: 0.08rem;
text-align:left;
}

#footer .address2{
font-size:0.96rem;
margin:0 0 0;
padding-bottom: 35px;
line-height: 1.1 !important;
letter-spacing: 0.08rem;
text-align:left;
line-height: 1.6;
}
#footer .btn {
font-size: 1.2rem;
margin:14px 0 10px 0 !important;
padding:5px 14px;
min-width: 264px !important;
border: #ffffff;
border-radius:10px;
}
#footer .btn img{
margin:0 8px 0 0;
max-width: 28px;
vertical-align: middle;
}

.letter-sp00 {
letter-spacing: 0rem;
}
.letter-sp01 {
letter-spacing: 0.1rem;
}
.letter-sp02 {
letter-spacing: 0.2rem;
}

/*---- MOBILE ------*/
@media only screen and (max-width: 992px) {
#footer .btn {
font-size: 1.1rem;
min-width: 250px !important;
margin:12px 0 8px !important;
}
}
@media only screen and (max-width: 600px) {
#footer .address1{
font-size:1.1rem;
margin:5px 0 0;
text-align: left !important;
}
#footer .address2{
font-size:0.9rem;
margin:0 0 0;
padding-bottom: 25px;
line-height: 1.1 !important;

}
#footer
#footer .btn {
font-size: 1.1rem;
min-width: 250px !important;
padding: 3px 8px 0;
margin-left: 5px;
}
}
/*---- MOBILE END------*/

.contact-ics {
 margin-top:6px;
}
/*---- MOBILE ------*/
@media only screen and (max-width: 600px) {
	
.footerparts{
padding-left: 15px;
	}
.contact-ics {
	margin:5px 20px;
	text-align: left;
}
}
/*---- MOBILE END ------*/

.footer-copyright {
	width: 100%;
	min-height: 40px !important;
	margin-top:-20px;
 padding:2px;
	font-size:0.8rem;
	color:#ffffff;
	letter-spacing: 0.16rem;
 background-color: #1b63b8 !important;
	text-align: center !important;
}


/* PAGE	TOP
----------------------------------------------------*/ 
#pagetop {
width:100%;
z-index:10000;
}
#pagetop a:hover {
text-decoration: none;
opacity: 0.8;
}

#pagetop a {
display: block;
position:fixed;
bottom:10px;
right:10px;
}



/*-- 一時 BUTTON 01 -- */
a.btn-flat1{
  display: inline-block;
  padding: 0.2em 2.1em;
  text-decoration: none;
  color:#CB041F;
  font-weight: 300;
  background: rgba(255,255,255,0.9);
  letter-spacing: 0.2em;
  margin:1em 0 0.6em;
  border: #CB041F solid 1.2px;
}

a.btn-flat1:hover{
 color:#CB041F !important;
	background: #ffffff !important;
	border: #CB041F solid 1px;
	opacity: 0.8;
}