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

.child {
  top: 50%;
  left: 20%;
  -webkit-transform: translate(-20%, -50%); /* Safari用 */
  transform: translate(-20%, -50%);
}

.wrapper{
	padding: 20% 0 80px;
	margin-top: -20%;
}

#imgKey{
	margin: auto;
	padding: 0 30px;
}
#imgKey h2{
	font-family : 'Droid Serif';
	font-size : 5.0rem;
	line-height : 2.4;
	letter-spacing : 2px;
	color : #000000;
	text-align: center;
}
#imgKey .box > div{ display: table;}
#imgKey .box > div > *{ display: table-cell;}
#imgKey h3{
	font-size : 1.6rem;
	line-height : 2.4;
	letter-spacing : 0.64px;
	color : #FFFFFF;
	background: #C60201;
	padding: 0 30px;
}
#imgKey h4{
	font-size : 2.2rem;
	line-height : 2.4;
	letter-spacing : 0.64px;
	color : #FFFFFF;
	background: #000;
	padding: 0 30px;
}
#imgKey h4 span{
	display: inline-block;
	margin-right: 15px;
	font-size : 1.4rem;
	letter-spacing : 0.56px;
}

#imgKey .fullimg{
    height: 85vh;
    overflow: hidden;
    object-fit: cover;
	object-position: center top;
	font-family: 'object-fit: cover; object-position: center top;'
}


@media only screen and (max-width: 991px) {
/*.child {
  top: auto;
  bottom: 0;
  left: 4%;
  -webkit-transform: none;
  transform: none;
  width: 92%;
}*/	
	
#imgKey{
	padding: 0 4%;
}
#imgKey .box > div{ width: 100%;}
#imgKey .box > div > * {
    display: block;
    width: 100%;
}
#imgKey h2 {
    display: none;
}
#imgKey h3{
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing : 0.64px;
	color : #FFFFFF;
	background: #C60201;
	padding: 4% 12%;
}
#imgKey h4{
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing : 0.64px;
	color : #FFFFFF;
	background: #000;
	padding: 4% 12%;
}
#imgKey h4 span{
	display: block;
	margin-right: 15px;
	font-size: 1.2rem;
	letter-spacing : 0.56px;
}
	
#imgKey .fullimg{
	height: 70vh;
}
body.umino #imgKey .fullimg{
	object-fit: cover;
	object-position: right -40px top;
	font-family: 'object-fit: cover; object-position: right top;'
}	
	
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}




/*-------------------
interview
--------------------*/
#interview{
	
}

#interview li{
	overflow: hidden;
	display:table;
	width: 100%;
	margin-top: 60px;
}
#interview li > *{
	display:table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 15px;
}
#interview li:first-child > *{
	width: 100%;
}

#interview h3{
	font-size : 2.8rem;
	line-height: 1.6;
	font-weight: bold;
	position: relative;
	padding-left: 100px;
}
#interview li h3:before{
	position: absolute;
	left: 0;
	background: #fff;
	color : #C60201;
	font-family : 'Droid Serif';
	font-size : 4.6rem;
	font-weight: normal;
	padding: 0 20px;
}
#interview li:nth-child(1) h3:before{ content: '1';}
#interview li:nth-child(2) h3:before{ content: '2';}
#interview li:nth-child(3) h3:before{ content: '3';}
#interview li:nth-child(4) h3:before{ content: '4';}

#interview h3 span{
	font-size : 1.5rem;
	display: block;
}

#interview p{
	font-size : 1.6rem;
	line-height : 2.4;
	margin-top: 30px;
}


#interviewList h2{ display: none;}
#interviewList ul {
     margin-top: 60px; 
}

@media only screen and (max-width: 991px) {
#interview li{
	display:block;
	margin-top: 0;
}
#interview li > *{
	display:block;
	width: auto;
	padding: 0 4%;
	margin-top: 30px;
}
#interview li:first-child > * {
    width: auto;
}

#interview h3{
	font-size: 1.8rem;
	line-height: 1.4;
	padding-left: 40px;
}
#interview li h3:before{
	font-size: 2rem;
	padding: 0 10px;
}

#interview h3 span{
	font-size: 1.1rem;
	margin-bottom: 2%;
}

#interview p{
	font-size: 1.5rem;
	line-height: 1.8;
}	

#interview li > .standPh{ display: none;}

#interviewList ul {
     margin-top: 8%; 
}

}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}