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

.activeroll{
	top: 30px;
	max-height: 350px;
	margin-bottom: 100px;
}


.workers-column{
	margin-right: 40px;
	margin-left: 40px;
}
h2.workers-no{
	color: #fff;
	font-weight: 700;
	font-family: Lato, sans-serif;
	font-size: 2.1em;
	margin-bottom: 5px;
	margin-top: 65px;
	text-align: left;
	margin-left: -2px;
}
p.workers-name{
  color: #fff;
  font-size: 0.8em;
  text-align: left;
  line-height: 1.6em;
  padding-left: 65px;
  top: -100px;
  position: relative;
}
.each-worker{
	padding-top: 100px;
	padding-bottom: 200px;
}


.illust-pic img{
	max-witdh: 300px;
	width: 100%;
}
.workers-article, .workers-article2, .workers-article3 {
	position: relative;
	padding-bottom: 50px;
}
p.workers-name a{
	color: #fff;	
	}

h2.workers-no2 {
    font-weight: bold;
    font-size: 7em;
    font-family: Lato, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    color: #fff;
}
h2.workers-no3 {
    font-weight: bold;
    font-size: 7em;
    font-family: Lato, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    color: #fff;
	margin-top: 20px;
}
em {
    display: block;
	font-style: normal;
    /* font-style: italic; */
    /* margin: 10px auto; */
    text-align: left;
    margin-top: -105px;
    margin-left: 10px;
}

p {
    font-size: 1.4rem;
    color: #fff;
    text-align: left;
	margin-bottom: 35px;
}
p.question {
    font-size: 1.6rem;
    color: #fff;
    text-align: left;
    font-weight: 700;
    /*margin-top: -25px;*/
	margin-bottom: 5px;/*10px*/
}
em, p {
  line-height: 1.6;
   margin-bottom: 35px;
}


@media only screen and (min-width: 768px) {
h2 {
    font-size: 13rem;
    position: relative;
    top: -60px;
  }
em {
    font-size: 1.4rem; /*2rem*/
  }
em.workers-name, em.workers-name2, em.workers-name4, em.workers-name5, em.workers-name6, em.workers-name7 {
font-size: 1.35rem;
    line-height: 1.4em;
    color: #fff;
    margin-left: 160px;
    margin-top: -140px;  
}
em.workers-name3 {
font-size: 1.35rem;
    line-height: 1.4em;
    color: #fff;
    margin-left: 170px;
    margin-top: -160px;  
}
em.workers-name4 {
    margin-left: 200px;
}
em.workers-name5 {
    margin-left: 220px;
}
em.workers-name6 {
    margin-left: 130px;
}
em.workers-name7 {
    margin-left: 205px;
    margin-top: -160px;  
}	




p {
    font-size: 1.4rem; /*1.8rem*/
  }
}



@media only screen and (max-width:480px){
.illust-pic, p.workers-name{
	max-width: 180px;
	}
p.workers-name{
	margin-top: 65px;
	}
.workers-column{
	margin-right: 10px;
	margin-left: 10px;
	/*margin-right: -50px;
	margin-left: -50px;*/
}
h2.workers-no{
	margin-top: 5px;	
	}
h2.workers-no2{
    font-size: 3em;
    margin-top: -155px;
    margin-left: 160px;	
	}
h2.workers-no3{
    font-size: 3em;
    margin-top: -155px;
    margin-left: 160px;	
	}
em{
color: #fff;
    font-style: normal;
    margin-left: 160px;
    width: 120%;
    font-size: 0.8em;
    margin-top: -20px;
	}
.workers-article, .workers-article2, .workers-article3 {
	margin-top: 60px;	
		}
.workers-article2 {
	margin-top: 20px;	
		}
.workers-article3 {
	margin-top: 75px;	
		}
}


@media only screen and (min-width:481px) and (max-width:768px) {	
.each-worker {
    margin-right: 20px;
    margin-left: 20px;
}
.illust-pic, p.workers-name{
	max-width: 180px;
	}
p.workers-name{
	margin-top: 65px;
	}
.workers-column{
	margin-right: -50px;
	margin-left: -50px;
}
h2.workers-no{
	margin-top: 5px;	
	}
h2.workers-no2{
    font-size: 3em;
    margin-top: -155px;
    margin-left: 160px;	
	}
h2.workers-no3{
    font-size: 3em;
    margin-top: -155px;
    margin-left: 160px;	
	}
em{
color: #fff;
    font-style: normal;
    margin-left: 160px;
    width: 100%;
    font-size: 0.8em;
    margin-top: -20px;
	}
.workers-article, .workers-article2, .workers-article3 {
	margin-top: 60px;	
		}
.workers-article2 {
	margin-top: 20px;	
		}
.workers-article3 {
	margin-top: 75px;	
		}
	
}